Flexxcom.nl

Get IT done

Google Web Fonts

Ever wanted to add nice looking fonts to your website? Google Web Fonts is your answer.

Google has made it easy for you to embed and style the fonts. And the fonts are Licenced under Creative Commons and free to use! Also they work cross-browser.

 

Some examples:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <h1>Making the Web Beautiful!</h1>
  </body>
</html>

Results in:


And even more styling is possible, look at this:

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
      }
    </style>
  </head>
  <body>
    <h1>Making the Web Beautiful!</h1>
  </body>
</html>

Results in (with shadow):

For more info about embedding these fonts in your website check the Getting Started guide.

There is also a WordPress plugin available to embed these fonts in your Blog, check out the WP Google Fonts plugin.

Be Sociable, Share!


three × 7 =

Subscribe to email feed

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

keySharky mediakey ma…

After the success of Toggle Audio 7 I've made another ...

Google+ vs Facebook a…

I've been thinking about Google+ a lot in these last ...

Incorporating Social …

Most companies still roll with outdated 20th century business models, ...

CCleaner (+Enhancer):…

CCleaner is a freeware system optimization, privacy and cleaning tool. ...

Toggle Audio 7

Toggle Audio 7 We've made this app with AutoIT to change ...

keySharky mediakey ma…

After the success of Toggle Audio 7 I've made another ...

CCleaner (+Enhancer):…

CCleaner is a freeware system optimization, privacy and cleaning tool. ...

Toggle Audio 7

Toggle Audio 7 We've made this app with AutoIT to change ...

Spotify - online musi…

Online music service Spotify is now the leading streaming music ...

Track your time with …

Whether you're an employee or entrepreneur, tracking your time is ...

Twitter updates

No public Twitter messages.