I've been implementing a new design for one of my websites, and my designer recommended using a couple of Google web fonts.
In the past, I've simply implemented custom fonts as images, which has the major disadvantage that changing the text requires creating a new image, and then tweaking the styling so that the new image fits the space available. (It has the minor disadvantage of requiring a new HTTP request and the download time of the image, but if you use CSS Sprites, you can remove that extra HTTP request.)
So, I decided to try the new web fonts. Google has largely solved the problem of acquiring the rights for new fonts, by requiring that any font in their library be licensed as open source. They are also happy to host the fonts for you, so that they're always available and download quite quickly. They even have beta support for a feature where you only download the images for the particular letters you're going to use -- if you only need 4 letters, why download an entire fontset?
Implementation is very simple -- the webfonts team has done an amazing job of making the process of selecting and implementing their fonts very intuitive.
But then I ran into a massive, deal-killing problem: Each user that visits your site will see a popup box (for each web font) that asks permission to download and install the font. Ouch! I can see why you might want that protection if you're installing a java applet or a Firefox plugin. But isn't installing a font-set more analogous to downloading an image than installing code?
The popup includes text that looks something like this:
So, I turn back to using images of words for this new design.
When might Google web fonts be acceptable? IMHO: Only if you have a captive set of users using your webapp that you can train to "Allow" their browser to install the font.
Update:
I have gotten a couple of comments on this post, so I thought I'd provide an update. I now think that this problem is limited to Mac users, and even then it happens only intermittently. (You can see other complaints about this problem by doing the following Google Search.)
I actually decided to go ahead and use Google's webfonts on the site I was working on. (Mac users make up a pretty small portion of my visitors (<2%) -- and they actually have a slightly lower bounce rate (about 1% lower) than Windows users.) I take that to mean that when they do encounter this problem, it doesn't scare them away at too high a rate.
In the past, I've simply implemented custom fonts as images, which has the major disadvantage that changing the text requires creating a new image, and then tweaking the styling so that the new image fits the space available. (It has the minor disadvantage of requiring a new HTTP request and the download time of the image, but if you use CSS Sprites, you can remove that extra HTTP request.)
So, I decided to try the new web fonts. Google has largely solved the problem of acquiring the rights for new fonts, by requiring that any font in their library be licensed as open source. They are also happy to host the fonts for you, so that they're always available and download quite quickly. They even have beta support for a feature where you only download the images for the particular letters you're going to use -- if you only need 4 letters, why download an entire fontset?
Implementation is very simple -- the webfonts team has done an amazing job of making the process of selecting and implementing their fonts very intuitive.
But then I ran into a massive, deal-killing problem: Each user that visits your site will see a popup box (for each web font) that asks permission to download and install the font. Ouch! I can see why you might want that protection if you're installing a java applet or a Firefox plugin. But isn't installing a font-set more analogous to downloading an image than installing code?
The popup includes text that looks something like this:
Firefox wants to use the font "Oswald Regular"Some subset of visitors (3%? 20%?) will see that warning and run screaming in the opposite direction.
This font is not installed. Allow Firefox to use this font?
So, I turn back to using images of words for this new design.
When might Google web fonts be acceptable? IMHO: Only if you have a captive set of users using your webapp that you can train to "Allow" their browser to install the font.
Update:
I have gotten a couple of comments on this post, so I thought I'd provide an update. I now think that this problem is limited to Mac users, and even then it happens only intermittently. (You can see other complaints about this problem by doing the following Google Search.)
I actually decided to go ahead and use Google's webfonts on the site I was working on. (Mac users make up a pretty small portion of my visitors (<2%) -- and they actually have a slightly lower bounce rate (about 1% lower) than Windows users.) I take that to mean that when they do encounter this problem, it doesn't scare them away at too high a rate.
5 comments:
I have to answer this one with a great big...
Huh???
I've been using Google Web fonts for several weeks now and have no such issues with Firefox. Methinks something is wrong with your setup, or your server, or your implementation of Google webfonts (although on the last point, its pretty hard to mess that one up, so I'd guess its one of the former 2).
I think your "failed experiment" needs further testing before rendering a failed hypothesis such as it appears ;)
Hi Scott,
I'd love to be wrong about this -- please point me to a site you've used webfonts on -- I'd like to check it out.
Thanks,
Chris
Google WebFonts doesn't make you download anything. I agree with the above poster.
Hi John,
To quote from Google's webfonts FAQ:
"If a page uses web fonts, then the font files have to be downloaded to the site visitor's computer before they can be displayed initially."
Source: http://code.google.com/apis/webfonts/faq.html#Download_To_Use
That's the download that I'm talking about.
Thanks,
Chris
This message is reported for by OS X for local fonts that have been installed as user fonts instead of computer fonts (usually because the font file is on an external drive).
Try doing the following in Fontbook.app:
- Select all user fonts and move them to computer fonts
- Remove all duplicate fonts
- Set the "Default install location" preference to "Computer"
- Deselect the "Automatic font activation" preference
Post a Comment