standard post format icon

Playing Around with Google Font API

Have you tried playing around with the new Google Font API? I tried it last week in my poems section, Google font API using the font Tangerine. It’s so easy to use and works in most browsers. All fonts in the Google font directory are available for FREE and are served by Google servers.

To use these fonts in your website you just have to add a special stylesheet link, then refer to the font in a CSS style. Like what I said, I tried the font Tangerine and to do that I added

@import url(http://fonts.googleapis.com/css?family=Tangerine);

in my stylesheet (style.css) then added Tangerine in the CSS font stock like this:

.poem h2 {
font-family: 'Tangerine', Georgia, Arial, serif;
}

Or you can just link the font in your header.php.  Just add

<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>

after <head>.

Let’s try using Tangerine and Yanone Kaffeesatz.

“Our greatest glory is not in never falling, but in rising every time we fall.” ~Confucius

Cool! 🙂

17 thoughts on “Playing Around with Google Font API

  1. It looks like you’re having fun tinkering around with Google fonts. 🙂 Changes are great, having the same thing over and over again can be very boring quickly so it’s only right that you did this. Google has pretty much everything that we need and most of those things are free. Got to love their service.

    By the way, I like your quote from Confucius. He really is a very wise man.