Using google web font for my site.

Sep 2011

I was looking for a better font for my blog. My search ended with Droid Sans. This particular font is one among the many fonts that are available as part of Google Web Fonts project. How do I use this inside HTML? Just add the following line under the <head> tag.

<link type="text/css" rel="stylesheet"
      href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans:bold|Droid+Sans+Mono" />

Then in your CSS definition use Droid Sans and Droid Sans Mono as required. For example I have something like this.

body, input, textarea {
    color: #444;
    font: 14px "Droid Sans", arial, helvetica, sans-serif;
    line-height: 1.5em;
}

This font looks really great. I like it.