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. You really have the will to become a designer. I've seen it since quite a time.

    It's inspiring. 🙂

    Wishing you all the luck!

  2. Ate Amor, thanks sa valuable tip! Galing talaga ng Google. Pinakagusto ko dito ay FREE ang service. Magamit nga minsan…

    By the way, meron na ring Google Charts, kaya lang di ko pa alam kung saan ko pwede gamitin 😛

  3. This is cool! It’s different from having the font itself in your computer. Hubby made my handwriting as a font before and installed sa PC. But I can only use it in MS Office pack and my image editor. Ma-try nga ito minsan.

    • Oo nga at sana madagdagan pa yung mga font choices pero for now, okay naman sa akin yung nasa directory.