klenwell information services : CssGoogleFonts

Revision [1406]

This is an old revision of CssGoogleFonts made by KlenwellAdmin on 2010-05-19 21:44:05.

Google Fonts API

Return to DevCss

Google has released a clever new Font API. It looks like you need Chrome to actually display the results, but I'm sure Firefox will catch up soon enough.

Find below sample implementation of the current font set (that ignores this Google recommendation.) For more information, try the links at the right.


Web Page Head Section:
<!-- in head section (all current fonts) -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cantarell|Cardo|Crimson+Text|Droid+Sans|Droid+Sans+Mono|Droid+Serif|IM+Fell|Inconsolata|Josefin+Sans+Std+Light|Lobster|Molengo|Nobile|OFL+Sorts+Mill+Goudy+TT|Old+Standard+TT|Reenie+Beanie|Tangerine|Vollkorn|Yanone+Kaffeesatz" />

Inline Usage
<span style="font-family:Cantarell, sans-serif;">Cantarell, sans-serif</span>


Cantarell, sans-serif
Cardo, sans-serif
'Crimson Text', serif
'Droid Sans', sans-serif
'Droid Sans Mono', mono
'Droid Serif', serif
'IM Fell', serif
Inconsolata, mono
'Josefin Sans Std Light', sans-serif
Lobster, cursive
Molengo, serif
Nobile, sans-serif
'OFL Sorts Mill Goudy TT', serif
'Old Standard TT', serif
'Reenie Beanie', fantasy
Tangerine, cursive
Vollkorn, serif
'Yanone Kaffeesatz', sans-serif