Google web fonts can be used anywhere

Google has introduced a new web font directory of fonts available for anyone to use in their web page.

To use any of these fonts, you simply need to add a link element to your <head> and specify that font in any CSS style element:

<link href='http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT'
 rel='stylesheet' type='text/css'>
<style> h1 { font-family: 'OFL Sorts Mill Goudy TT', arial, serif; } </style>

Alternately, you can simply use a CSS @import to use those fonts anywhere, such as a blog entry:

<style>
@import url(http://fonts.googleapis.com/css?family=Tangerine);
      .tangerine {
        font-family: 'Tangerine', cursive, serif;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
      }
    </style>

If you’re using a modern browser, you should see one of the web fonts here:

Making the Web Beautiful!

Leave a Reply