klenwell information services : CssGoogleFonts

Revision history for CssGoogleFonts


Revision [2994]

Last edited on 2016-07-09 16:54:43 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
[[http://code.google.com/p/googlefontdirectory/ | Google Code Page]]
[[http://code.google.com/p/googlefontdirectory/source/browse/#hg/ | Font Source Files]]
[[http://code.google.com/apis/webfonts/docs/getting_started.html | Google API Page]]
[[http://code.google.com/webfonts | Google Sample Page]]
[[http://googlecode.blogspot.com/2010/05/introducing-google-font-api-google-font.html | Google Announcement]]
[[http://news.ycombinator.com/item?id=1361660 | Hacker News Thread]]
Find below sample implementation of the current font set (that ignores [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page | this Google recommendation]].) For more information, try the links at the right.
Deletions:
[[http://code.google.com/p/googlefontdirectory/ Google Code Page]]
[[http://code.google.com/p/googlefontdirectory/source/browse/#hg/ Font Source Files]]
[[http://code.google.com/apis/webfonts/docs/getting_started.html Google API Page]]
[[http://code.google.com/webfonts Google Sample Page]]
[[http://googlecode.blogspot.com/2010/05/introducing-google-font-api-google-font.html Google Announcement]]
[[http://news.ycombinator.com/item?id=1361660 Hacker News Thread]]
Find below sample implementation of the current font set (that ignores [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page this Google recommendation]].) For more information, try the links at the right.


Revision [1432]

Edited on 2010-06-20 08:59:00 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
<!-- Droid fonts -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans+Mono|Droid+Serif" />


Revision [1413]

Edited on 2010-05-22 11:03:22 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
<!-- in head section (all current fonts sans some variants) -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Cantarell|Cardo|Crimson+Text|Droid+Sans|Droid+Sans+Mono|Droid+Serif|Inconsolata|Lobster|Molengo|Nobile|Reenie+Beanie|Tangerine|Vollkorn|Josefin+Sans+Std+Light|OFL+Sorts+Mill+Goudy+TT|Old+Standard+TT|IM+Fell+DW+Pica|IM+Fell+English|Yanone+Kaffeesatz" />
Deletions:
<!-- 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" />


Revision [1412]

Edited on 2010-05-22 11:01:32 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
""<div id="google_font_api_samples">
<span style="font-family:Cantarell, sans-serif;">font-family:Cantarell, sans-serif;</span>
<span style="font-family:Cardo, sans-serif;">font-family:Cardo, sans-serif;</span>
<span style="font-family:'Crimson Text', serif;">font-family:'Crimson Text', serif;</span>
<span style="font-family:'Droid Sans', sans-serif;">font-family:'Droid Sans', sans-serif;</span>
<span style="font-family:'Droid Sans Mono', mono;">font-family:'Droid Sans Mono', mono;</span>
<span style="font-family:'Droid Serif', serif;">font-family:'Droid Serif', serif;</span>
<span style="font-family:'IM Fell DW Pica', serif;">font-family:'IM Fell DW Pica', serif;</span>
<span style="font-family:'IM Fell English', serif;">font-family:'IM Fell English', serif;</span>
<span style="font-family:Inconsolata, mono;">font-family:Inconsolata, mono;</span>
<span style="font-family:'Josefin Sans Std Light', sans-serif;">font-family:'Josefin Sans Std Light', sans-serif;</span>
<span style="font-family:Lobster, cursive;">font-family:Lobster, cursive;</span>
<span style="font-family:Molengo, serif;">font-family:Molengo, serif;</span>
<span style="font-family:Nobile, sans-serif;">font-family:Nobile, sans-serif;</span>
<span style="font-family:'OFL Sorts Mill Goudy TT', serif;">font-family:'OFL Sorts Mill Goudy TT', serif;</span>
<span style="font-family:'Old Standard TT', serif;">font-family:'Old Standard TT', serif;</span>
<span style="font-family:'Reenie Beanie', fantasy;">font-family:'Reenie Beanie', fantasy;</span>
<span style="font-family:Tangerine, cursive;">font-family:Tangerine, cursive;</span>
<span style="font-family:Vollkorn, serif;">font-family:Vollkorn, serif;</span>
<span style="font-family:'Yanone Kaffeesatz', sans-serif;">font-family:'Yanone Kaffeesatz', sans-serif;</span>
</div>""
Deletions:
""<span style="font-family:Cantarell, sans-serif;">Cantarell, sans-serif</span><br />
<span style="font-family:Cardo, sans-serif;">Cardo, sans-serif</span><br />
<span style="font-family:'Crimson Text', serif;">'Crimson Text', serif</span><br />
<span style="font-family:'Droid Sans', sans-serif;">'Droid Sans', sans-serif</span><br />
<span style="font-family:'Droid Sans Mono', mono;">'Droid Sans Mono', mono</span><br />
<span style="font-family:'Droid Serif', serif;">'Droid Serif', serif</span><br />
<span style="font-family:'IM Fell', serif;">'IM Fell', serif</span><br />
<span style="font-family:Inconsolata, mono;">Inconsolata, mono</span><br />
<span style="font-family:'Josefin Sans Std Light', sans-serif;">'Josefin Sans Std Light', sans-serif</span><br />
<span style="font-family:Lobster, cursive;">Lobster, cursive</span><br />
<span style="font-family:Molengo, serif;">Molengo, serif</span><br />
<span style="font-family:Nobile, sans-serif;">Nobile, sans-serif</span><br />
<span style="font-family:'OFL Sorts Mill Goudy TT', serif;">'OFL Sorts Mill Goudy TT', serif</span><br />
<span style="font-family:'Old Standard TT', serif;">'Old Standard TT', serif</span><br />
<span style="font-family:'Reenie Beanie', fantasy;">'Reenie Beanie', fantasy</span><br />
<span style="font-family:Tangerine, cursive;">Tangerine, cursive</span><br />
<span style="font-family:Vollkorn, serif;">Vollkorn, serif</span><br />
<span style="font-family:'Yanone Kaffeesatz', sans-serif;">'Yanone Kaffeesatz', sans-serif</span>""


Revision [1406]

Edited on 2010-05-19 21:44:05 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
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 [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page this Google recommendation]].) For more information, try the links at the right.
Deletions:
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 [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page this Google recommendation]].) For more information, try the links at the right.


Revision [1405]

Edited on 2010-05-19 21:42:11 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
<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" />
Deletions:
<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">


Revision [1404]

Edited on 2010-05-19 21:35:52 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
<span style="font-family:'Josefin Sans Std Light', sans-serif;">'Josefin Sans Std Light', sans-serif</span><br />
<span style="font-family:'OFL Sorts Mill Goudy TT', serif;">'OFL Sorts Mill Goudy TT', serif</span><br />
<span style="font-family:'Old Standard TT', serif;">'Old Standard TT', serif</span><br />
Deletions:
<span style="font-family:'Josefin Sans Std Light', sans-serif;">'Josefin Sans Std Light', sans-serif</span>
<span style="font-family:'OFL Sorts Mill Goudy TT', serif;">'OFL Sorts Mill Goudy TT', serif</span>
<span style="font-family:'Old Standard TT', serif;">'Old Standard TT', serif</span>


Revision [1403]

Edited on 2010-05-19 21:32:20 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
""<span style="font-family:Cantarell, sans-serif;">Cantarell, sans-serif</span><br />
<span style="font-family:Cardo, sans-serif;">Cardo, sans-serif</span><br />
<span style="font-family:'Crimson Text', serif;">'Crimson Text', serif</span><br />
<span style="font-family:'Droid Sans', sans-serif;">'Droid Sans', sans-serif</span><br />
<span style="font-family:'Droid Sans Mono', mono;">'Droid Sans Mono', mono</span><br />
<span style="font-family:'Droid Serif', serif;">'Droid Serif', serif</span><br />
<span style="font-family:'IM Fell', serif;">'IM Fell', serif</span><br />
<span style="font-family:Inconsolata, mono;">Inconsolata, mono</span><br />
<span style="font-family:'Josefin Sans Std Light', sans-serif;">'Josefin Sans Std Light', sans-serif</span>
<span style="font-family:Lobster, cursive;">Lobster, cursive</span><br />
<span style="font-family:Molengo, serif;">Molengo, serif</span><br />
<span style="font-family:Nobile, sans-serif;">Nobile, sans-serif</span><br />
<span style="font-family:'OFL Sorts Mill Goudy TT', serif;">'OFL Sorts Mill Goudy TT', serif</span>
<span style="font-family:'Old Standard TT', serif;">'Old Standard TT', serif</span>
<span style="font-family:'Reenie Beanie', fantasy;">'Reenie Beanie', fantasy</span><br />
<span style="font-family:Tangerine, cursive;">Tangerine, cursive</span><br />
<span style="font-family:Vollkorn, serif;">Vollkorn, serif</span><br />
<span style="font-family:'Yanone Kaffeesatz', sans-serif;">'Yanone Kaffeesatz', sans-serif</span>""
CategoryDevelopment
Deletions:
""<span style="font-family:Cantarell, sans-serif;">font-family:Cantarell, sans-serif;</span><br />
<span style="font-family:Cardo, sans-serif;">font-family:Cardo, sans-serif;</span><br />
<span style="font-family:'Crimson Text', serif;">font-family:'Crimson Text', serif;</span><br />
<span style="font-family:'Droid Sans', sans-serif;">font-family:'Droid Sans', sans-serif;</span><br />
<span style="font-family:'Droid Sans Mono', mono;">font-family:'Droid Sans Mono', mono;</span><br />
<span style="font-family:'Droid Serif', serif;">font-family:'Droid Serif', serif;</span><br />
<span style="font-family:'IM Fell', serif;">font-family:'IM Fell', serif;</span><br />
<span style="font-family:Inconsolata, mono;">font-family:Inconsolata, mono;</span><br />
<span style="font-family:Lobster, cursive;">font-family:Lobster, cursive;</span><br />
<span style="font-family:Molengo, serif;">font-family:Molengo, serif;</span><br />
<span style="font-family:Nobile, sans-serif;">font-family:Nobile, sans-serif;</span><br />
<span style="font-family:'Reenie Beanie', fantasy;">font-family:'Reenie Beanie', fantasy;</span><br />
<span style="font-family:Tangerine, cursive;">font-family:Tangerine, cursive;</span><br />
<span style="font-family:Vollkorn, serif;">font-family:Vollkorn, serif;</span><br />
<!-- |Josefin+Sans+Std+Light|OFL+Sorts+Mill+Goudy+TT|Old+Standard+TT -->
<span style="font-family:'Yanone Kaffeesatz', sans-serif;">font-family:'Yanone Kaffeesatz', sans-serif;</span>""
CategoryDev


Revision [1402]

Edited on 2010-05-19 21:24:54 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
<span style="font-family:Lobster, cursive;">font-family:Lobster, cursive;</span><br />
<span style="font-family:Molengo, serif;">font-family:Molengo, serif;</span><br />
<span style="font-family:Nobile, sans-serif;">font-family:Nobile, sans-serif;</span><br />
<span style="font-family:'Reenie Beanie', fantasy;">font-family:'Reenie Beanie', fantasy;</span><br />
<span style="font-family:Tangerine, cursive;">font-family:Tangerine, cursive;</span><br />
<span style="font-family:Vollkorn, serif;">font-family:Vollkorn, serif;</span><br />
<!-- |Josefin+Sans+Std+Light|OFL+Sorts+Mill+Goudy+TT|Old+Standard+TT -->
CategoryDev
Deletions:
<!-- |Josefin+Sans+Std+Light|Lobster|Molengo|Nobile|OFL+Sorts+Mill+Goudy+TT|Old+Standard+TT|Reenie+Beanie|Tangerine|Vollkorn -->
====List of Current Fonts====
cantarell
cardo
crimson
droid
felltypes
inconsolata
josefin
kaffeesatz
lobster
molengo
nobile
oldstandard
reeniebeanie
sortsmillgoudy
tangerine
vollkorn
Category


Revision [1401]

Edited on 2010-05-19 21:11:00 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
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 [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page this Google recommendation]].) For more information, try the links at the right.
Web Page Head Section:
%%(html)
Inline Usage
%%(html)
<span style="font-family:Cantarell, sans-serif;">Cantarell, sans-serif</span>
""<span style="font-family:Cantarell, sans-serif;">font-family:Cantarell, sans-serif;</span><br />
<span style="font-family:Cardo, sans-serif;">font-family:Cardo, sans-serif;</span><br />
<span style="font-family:'Crimson Text', serif;">font-family:'Crimson Text', serif;</span><br />
<span style="font-family:'Droid Sans', sans-serif;">font-family:'Droid Sans', sans-serif;</span><br />
<span style="font-family:'Droid Sans Mono', mono;">font-family:'Droid Sans Mono', mono;</span><br />
<span style="font-family:'Droid Serif', serif;">font-family:'Droid Serif', serif;</span><br />
<span style="font-family:'IM Fell', serif;">font-family:'IM Fell', serif;</span><br />
<span style="font-family:Inconsolata, mono;">font-family:Inconsolata, mono;</span><br />
<!-- |Josefin+Sans+Std+Light|Lobster|Molengo|Nobile|OFL+Sorts+Mill+Goudy+TT|Old+Standard+TT|Reenie+Beanie|Tangerine|Vollkorn -->
<span style="font-family:'Yanone Kaffeesatz', sans-serif;">font-family:'Yanone Kaffeesatz', sans-serif;</span>""
Deletions:
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 [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page this Google recommendation.) For more information, try the links at the right.
In head section of page:
Inline Usage:
""
<span style="font-family:Cantarell, sans-serif;">Cantarell, sans-serif</span><br />
""


Revision [1400]

Edited on 2010-05-19 21:02:42 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]
Additions:
Return to DevCss>>====More Information====
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 [[http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page this Google recommendation.) For more information, try the links at the right.
In head section of page:
<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><br />
Deletions:
Return to DevCss>>
====More Information====
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. For the latest, try to the [[]].
http://code.google.com/apis/webfonts/faq.html#Many_Fonts_Per_Page
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans">
<span style="font-family:Arial, Arial, Helvetica, sans-serif;">Arial, Helvetica, sans-serif</span><br />


Revision [1399]

The oldest known version of this page was created on 2010-05-19 20:54:16 by KlenwellAdmin [Replaces old-style internal links with new pipe-split links.]