CSS3 font embedding made easy by Google

CSS3 font-face is great, but Google Font API is greater. It efficiently removes the need of defining different font files for both IE and the rest (IE wants .eot while others wants .ttf IIRC).

Simply add:

<link href="http://fonts.googleapis.com/css?family=[font names here]" rel="stylesheet" type="text/css" />

… immediately after <head> (as said by Google to prevent some unexpected weirdness), and you’ll be able to use [font names here] in your CSS.

Here’s an example, all fonts are not “web-safe” fonts.

Leave a Reply

Your email address will not be published.