January 13, 2012

Google Web Fonts

Google Web Fonts, for when you want to display a $300 font family on your web site—for free.

Well, sort of. At least in my case that is true, for on this blog I am now using the Droid Serif font family, which would cost me around $290 if I were to buy the commercial version (e.g., Ascender Fonts). But thanks to Google Web Fonts I can do so for free. All I had to do was perform two very simple steps. First, I modified the HTML in the header by adding a pointer to Google’s API service:

<link href="http://fonts.googleapis.com/css?family=Droid+Serif:400,700italic,700,400italic" rel="stylesheet" type="text/css" />

Second, I modified the template through the Customize option by adding the following CSS under “Advanced”:

Google Web Fontsbody {
font-family: 'Droid Serif',Times New Roman,times,serif;
font-size: 12px;
line-height: 1.3em;
}

And that was it. Anyone can now have quality typography on their blog or web site.

Thank you, Google.