Loading Google fonts!

The world is a-buzz with the excitement of every designer on the planet. Finally, we can use something other than Arial, Helvetica, and Verdana!

Get ready

Produce some markup that we can use to apply our Google fonting to.

<h1 style="font-family:'Miltonian'">Hello, my fine world</h1>
<h2 style="font-family:'UnifrakturMaguntia'">World, you are fine indeed</h2>

Note

The styling using font-family does not have to be inline. Using it within the stylesheet is perfectly acceptable. All information in Google's documentation for the font library stands; our extended class will only abstract and simplify the loading of the fonts.

How to do it...

The embed code for Google Fonts is pretty straightforward. Still, in an effort to make it simple ...

Get MooTools 1.3 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.