rss feed Twitter Page Facebook Page Github Page Stack Over Flow Page

CSS @Font-Face: which website to choose?

I wrote an article, back in April 2012, on how to enhance your website with @Font-Face using the Google font library.

A little while after, I wanted to change the font, and I couldn't find one I liked from the library, so I started to search for other websites that provides the same service and hopefully, get one I like. Here's the highlights of my research.

Google Web Fonts

Google made a very easy interface to select any fonts you like, and use. Simply go to and select a font, preview and use it!


<link href='' rel='stylesheet' type='text/css'>
h1 {
  font-family: "Devonshire", Arial, serif;
  font-weight: 400;

What I like about Google Web Font:

What I don't like about Google Web Font:


Typekit, an Adobe company, provides font library using JavaScript and a yearly subscription service.


  <script type="text/javascript" src=""></script>
  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
h1 {
  font-family: "museo-sans-1", "museo-sans-2", sans-serif;

What I like about Typekit

What I don't like about Typekit

The™ store from Monotype Imaging offers more than 150,000 font products for you to preview, purchase and download. You can also learn about new typeface releases and discover typographic tips and techniques.


<script type="text/javascript" src=""></script>
h1 {
  font-family:'Brush Script W01 Medium';

What I like about

What I don't like about


FontDeck is standards compliant, accessible and uses a pure CSS @Font-Face solution. No JavaScript required.


<link rel="stylesheet" href="" type="text/css" />
div {
  font-family:"Ronsard Crystal Light", "Arial Black", Arial, Verdana, sans-serif;

What I like about FontDeck

What I don't like about FontDeck

I still believe the Google Web Font is the best solution if you don't want to spend lots of money. I am sure eventually, they will add more fonts to their library.