SEO Friendly Fonts: Google’s New Font API

Quite a few of us at 6S Marketing have a background in some aspect of web development, so when we come across something techy that benefits both SEO and webdev, we never shy away from the chance to geek-out a bit. Dealing with image-headers is one such case.

Style vs SEO-Friendly Semantics

Until very recently most web browsers only supported a handful of standardized fonts. If a web developer needed to use a unique font within a page, they were often forced to resorted to work-arounds such as embedding the font within an image file. This practice, most commonly associated with image headers, can be optimized with proper use of alt attributes and image file names, however we find that these two simple optimizations are often ignored. This presents a problem as search engines have historically had difficulty  identifying the focus of image content when not accompanied by other optimization signals.

Google’s New Font API

Yesterday, Google unveiled its new SEO friendly font API. The API is supported by the four major browsers (Safari, FireFox, Chrome, and IE6 and above), and allows many new fonts to be displayed within web pages in a manner that relies on plain text instead of images. This is great for SEO and could potentially replace the common practice of using image-headers instead of text marked up with CSS and heading tags. All an SEO or developer has to do is insert a snippet of code within their page’s HTML and make a minor adjustment to a page’s CSS. It’s incredibly easy!

Here’s an example of the new Google API at work (NOTE: the code and result sections below are just implementation examples; not an actual functioning demonstration.)


    <link rel="stylesheet" href="">
      body {font-family: 'Tangerine', serif; font-size: 48px;}
    <h1>Making the Web Beautiful!</h1>


seo friendly font google api
(and search friendly)

For more information on our SEO Services please visit the 6S Marketing search engine optimization page.

Share This

5 Tips for Creating a Frictionless Mobile Experience for eCommerce by @kperezseo

Follow us @6S_Marketing

See our featured post