Archive

Posts Tagged ‘web fonts’

Using none web standard fonts with Google Font API

May 20th, 2010 No comments

Google has launched Google Font API and Google Font Directory Beta.

A developer will be able to link and use a range of fonts legally without the need of them being installed on your machine or web directory, through a single line of code.

The Google Font Directory currently has 18 licensed fonts available like the font I'm using in this article and will offer more as time goes by.

Below is an example of how to use Google Directory.

For example if you want to use the font used in this article Droid Sans you would copy the code below and put it as the first element in the <head> of your document.

  1. <link
  2. href='http://fonts.googleapis.com/css?family=Droid+Sans'
  3. rel='stylesheet'
  4. type='text/css'>

The API will generate the necessary CSS specific to the user's browser so you can use the font on your page. Simply use the font Droid Sans in your CSS font stack like any other font, for example:

  1. h1 { font-family: 'Droid Sans', arial, serif; }

And that's it. To easy!

SEO Powered by Platinum SEO from Techblissonline