Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google Font API Library or FontFace

Google has launched Google font API but, CSS3 standard came with @fontface which enables us to have non web safe fonts on websites.

Can anyone suggest pros and cons of both over each other. Which one is preferred and why?

like image 278
Mayur Avatar asked Aug 22 '10 05:08

Mayur


2 Answers

As far as I'm aware, Google Font API uses @font-face to load the fonts. eg. http://fonts.googleapis.com/css?family=Tangerine. It also does browser detection to check for Internet Explorer, for whom it will serve up the IE-only .eot font files instead.

Now I'll take it that you're asking for a comparison between building you're own font files for use with @font-face and working with Google's solution.

Google Font API

Pro

  • Easy to use
  • Google's CDN ensures fast loading and high uptime
  • Browser detection built-in
  • Free!

Cons

  • Small choice of fonts

Google's licensing scheme, which requires the font to be not only freely available, but also Open Source, means that the amount of fonts that will be available for this service will naturally be small.

Build your own @font-face file

Pro

  • Huge selection of fonts

Cons

  • Legal and licensing problems
  • Buying embed license may cost extra
  • Rolling your own fonts for IE support may be troublesome

Of course commercial options like Typekit have the best of both worlds, but you'd have to pay for that. Other sources of free, embeddable fonts include Font Squirrel and The League of Moveable Type.

like image 73
Yi Jiang Avatar answered Oct 04 '22 23:10

Yi Jiang


Use the Google API unless there is a specific font you need that Google doesn't have. Otherwise, the Google API will make your life easier, in my opinion.

The new Google API is basically a free version of TypeKit.

like image 23
Sasha Chedygov Avatar answered Oct 04 '22 23:10

Sasha Chedygov