Blogger Adds 40 Google Web Fonts To Template Designer!

Update Jan 2011: 
Blogger has since added more fonts, making the total of 77 web fonts!  It also made them accessible to all Blogger users,  instead of only to Blogger In Draft previously.
When it comes to font selection, the Web has always been limited to web-safe fonts. In other words, you are stuck with a few most commonly installed fonts such as Arial, Courier, Georgia, Impact, Times New Roman, Trebuchet and Verdana.
Web fonts provide a workaround to this limitation. They are kept online, on web servers, and as such they don’t have to be installed on every user’s computer. As long as you link the fonts to your page, everyone viewing your page will be able to see the fonts.
Google has it’s own set of web fonts, hosted on Google Font Directory. And I have even written a tutorial on applying Google Web Fonts.
Since then, it got better and easier. Blogger, via  Blogger in Draft has integrated Google Web Fonts into the Template Designer. There are now 40 exciting new (web) fonts in Blogger in Draft for you to choose from!  And according to Blogger in Draft blog, a lot more web fonts are coming.
To apply the new fonts, simply:
  1. Log in to Blogger In Draft Blogger.com (opens in a new window).
  2. Go to Design > Template Designer > Advanced. 
    web fonts
  3. Select the type of text you’d like to change (e.g. Post Title, Page Text etc.).
  4. Pick your preferred font from the list.
Here is the full list of available fonts in Blogger in Draft:
Original fonts
Arial, Courier, Georgia, Impact, Times New Roman, Trebuchet and Verdana.
New Web fonts
  • Allerta
  • Allerta Stencil
  • Arimo
  • Arvo
  • Bentham
  • Calibri
  • Calligraffitti
  • Cambria
  • Cantarell
  • Cardo
  • Cherry Cream Soda
  • Chewy
  • Coming Soon
  • Consolas
  • Copse
  • Corsiva
  • Cousine
  • Covered By Your Grace
  • Crafty Girls
  • Crimson Text
  • Crushed
  • Cuprum
  • Droid Sans
  • Droid Sans Mono
  • Droid Serif
  • Fontdiner Swanky
  • GFS Didot
  • GFS Neohellenic
  • Geo
  • Gruppo
  • Hanuman
  • Homemade Apple
  • IM Fell DW Pica
  • IM Fell DW Pica SC
  • IM Fell Double Pica
  • IM Fell Double Pica SC
  • IM Fell English
  • IM Fell English SC
  • IM Fell French Canon
  • IM Fell French Canon SC
  • IM Fell Great Primer
  • IM Fell Great Primer SC
  • Inconsolata
  • Irish Growler
  • Josefin Sans
  • Josefin Slab
  • Just Another Hand
  • Kenia
  • Kranky
  • Lobster
  • Luckiest Guy
  • Merriweather
  • Molengo
  • Mountains of Christmas
  • Neucha
  • Neuton
  • Nobile
  • OFL Sorts Mill Goudy TT
  • Old Standard TT
  • PT Sans
  • PT Sans Caption
  • PT Sans Narrow
  • Permanent Marker
  • Philosopher
  • Puritan
  • Reenie Beanie
  • Rock Salt
  • Schoolbell,Slackey
  • Sunshiney
  • Syncopate
  • Tinos
  • UnifrakturMaguntia
  • Unkempt
  • Vollkorn
  • Walter Turncoat
  • Yanone Kaffeesatz

These web fonts are compatible with the following browsers:
  • Google Chrome: version 4.249.4+
  • Mozilla Firefox: version: 3.5+
  • Apple Safari: version 3.1+
  • Microsoft Internet Explorer: version 7+
  • Opera: version 10.5+
Note: From what I see, these web fonts will only work when applied via Template Designer. Applying them directly in the CSS (using font-family) won’t work, unless of course you use this method.
Enjoy!

No comments:

Post a Comment