http://fonts.googleapis.com/css?family=Frijole|Denk+One|Sirin+Stencil|Macondo|Economica|Flavors|Cinzel|Great+Vibes|Allerta+Stencil|Black+Ops+One|Righteous|Creepster|Fredericka+the+Great|Six+Caps|Rationale|Nova+Square|Tulpen+One|Germania+One|Grand+Hotel|Redressed|Aladin|Dr+Sugiyama
 

Instructions: To embed your Collection into your web page, copy the code as the first element in the of your HTML document.

» See an example
4. Integrate the fonts into your CSS:

The Google Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

font-family: 'Frijole', cursive;
font-family: 'Denk One', sans-serif;
font-family: 'Sirin Stencil', cursive;
font-family: 'Macondo', cursive;
font-family: 'Economica', sans-serif;
font-family: 'Flavors', cursive;
font-family: 'Cinzel', serif;
font-family: 'Great Vibes', cursive;
font-family: 'Allerta Stencil', sans-serif;
font-family: 'Black Ops One', cursive;
font-family: 'Righteous', cursive;
font-family: 'Creepster', cursive;
font-family: 'Fredericka the Great', cursive;
font-family: 'Six Caps', sans-serif;
font-family: 'Rationale', sans-serif;
font-family: 'Nova Square', cursive;
font-family: 'Tulpen One', cursive;
font-family: 'Germania One',cursive
font-family: 'Grand Hotel', cursive;
font-family: 'Redressed', cursive;
font-family: 'Aladin', cursive;
font-family: 'Dr Sugiyama', cursive;