Google Font Directory – Using With WordPress

Posted by on May 23, 2010 in Design, Wordpress, Wordpress Plugins | 14 Comments

I just finished my WordPress plugin for Google Fonts and after a weekend of playing with Google’s new font service I thought I would share some thoughts on Google’s system as well as on the state of web fonts in general.

Since I have so much invested in Font Burner it may come as a surprise that I would embrace Google’s system, a direct competitor of Font Burner. Actually, I am thrilled that there is a new (and arguably better) solution to the dilemma of limited type options on the web. I believe that the font industry monopoly is at best selfish, and at worst damaging to the internet as a whole. Now that there is an open source option in which Google picks up the hosting tab, hopefully more and more font designers/foundries will loosen their grip on their typefaces.

When I created Font Burner two years ago I wanted to do anything I could to help expand the options for type on the web. While I am proud of the popularity of Font Burner, it has grown into a service that has stretched my resources significantly. The hosting move I made last week was a direct result of Font Burner and the hosting requirements it demands. Font Burner users generate over one million page views each month, and that bandwidth is steadily growing. With over 11,000 downloads of the Font Burner plugin for WordPress, the demand for alternative font options is obviously high. In attempt to meet this demand I also released an update to the Font Burner plugin that allows users to “self-host” their fonts. This should help keep my Font Burner servers fast (and affordable) along with reducing the risk of service outage for WordPress users. But enough about Font Burner…

Frankly, the Google Font service has several advantages over Font Burner (and the sIFR technology it uses.) First, it is easier to use. Just add a line of code to your web page, and then start using it in your stylesheet with standard css. You don’t have to convert fonts into swf files. You don’t have to mess with writing javascript. You can use it for body copy. You can style it with CSS. The fonts are hosted by Google. It loads quickly. And it is just going to get better.

The gorilla in the room is TypeKit. While some people have embraced this service, I haven’t. The reason is because this is a business venture. Unlike the free open source service of Google, Typekit uses commercial fonts with expensive monthly fees. While there are many commercial sites that may benefit from this service, it is not practical for the average website owner. Paying to use a font on your website (that you may even own already) is ridiculous. I can’t endorse a service that adds another middle man into an already overly complex and expensive system.

So, I really hope that Google Fonts takes off. I hope that the assortment of fonts grows steadily. Knowing Google, it will be the standard in no time.

  • http://pictureitsolved.com Karen Bennett

    Just started playing with the google webfont plugin. Very cool – thanks!

    Here are a few suggestions for your next update:
    1. Make sure the pulldown menu includes all the variants for each font (you have all 10 for IMFell, but are missing some for Droid Serif and others).
    2. First non-blank item on pulldown menus after Font 1 all say “None (Turn off Font 1)” and should be updated to Font 2,3,4 etc.

    I appreciate your crusade!

  • http://www.buste.biz minipower

    I believe your plugin is really the best about fonts plugin for wordpress i know and now is even better because i can finally put any font I own in a flash file, maybe google font directory will be better in near future but anyway thank you for what you have done for the web.

  • http://www.taunusblogger.de TaunusBlogger.de

    This is a very good, simple to use wp plugin ;-)
    There are enough possibilities to do screen play individual.
    May in the future we have more font-styles – colors, too.

    Good job – go on ;-)
    Bye
    Hubert Horn / TaunusBlogger.de

  • http://www.therefluffednest.com Sheree

    Inexperienced blogger here….I’m using google font on my wordpress,org blog. I love it as it’s simple, (relatively speaking) however my fonts show up fine in firefox but not at all in Internet Explorer. I don’t really know css and only a bit of html, I mostly get by figuring things out myself by copying and taking lots of screen shots in case I mess something up.

    Would love any tip you or anyone could give me as to what I’m doing wrong. I’m using Atahualpa customizable theme. Also, I’ve read quite a bit at webfont holder-Google Font API page that was suggested and I honestly don’t know if that’s the problem, if I need to insert some of these codes somewhere.

    thanks in advance!
    Sheree

  • Pingback: Google Web Fonts and WordPress | Gary Eckstein

  • Pingback: WordPress Google Fonts Plugin Review | WordPress Partner

  • queeneve

    the plugin needs a css expert , it cant be used by newbies :(

  • http://my7dayincomeplans.com/ Jules

    Hi
    Have downloaded and installed plugin looks good and large selection of fonts but as @queeneve says cannot easily be used by a newbie.I have just about managed to change css but problem I am having is the font size is far to small. How can I change this?

  • http://www.ttms.org Steve Peha

    Using your plug-in for a rework of my site. All is well except:

    1. Some browsers, Safari, Explorer and Firefox on XP, don’t pick up the PT Sans Narrow Bold. They render that only as PT Sans Narrow.

    2. On the iPhone and the iPad all the lowercase “i” letters have their dots moved over above the center of the next character. This is very weird. And interesting that’s an “i” problem, I suppose.

    Any thoughts on these issues? Thanks for your help.

    Steve Peha
    Pre-production URL:
    http://70.86.19.242/~ttmsnew/

  • Pingback: Texas webhost

  • Pingback: Kids Colouring Books

  • Pingback: buy link

  • Pingback: bloging

  • Pingback: windows web hosting uk