New fonts, but do you see them?
I’ve just amended my WordPress CSS style sheet somewhat to now use a font normally not installed on your computer. This is accomplished by using the @font-face CSS tag, described in detail over at hacks.mozilla.org. I’m now using the font GrauBlau Sans Web from the nice people over at fonts.info, and I think it fits rather well. Gone are the serif-days at least
. Hope you like it as well!
Well, whether you see the font or not depends on whether you use a browser supporting this or not. At the time of writing, the following browser (and versions) supports this:
- Firefox 3.5
- Safari 3.1
- Opera 10.0
Below is a screenshot of my previous blog post with Safari, which supports CSS font linking:

June 17th, 2009 at 08:40
I see the change in Safari 4, but not in Opera 10.
I don’t really think that a bold font-face is applicable for the body-text on your blog. (On the front page the typeface that where used in Safari was bold. On the single posts it’s not…)
June 17th, 2009 at 09:30
I read some docs about Opera 10 supporting it, but didn’t bother installing it at the time to check it out, but evidently the Opera beta still doesn’t, at least. Neither Chrome 3 w/latest dev build.
But Firefox 3.5 beta happily shows the new fonts, as well as Safari.
What do you mean by bold … the typeface is rather bold, perhaps you’re fooled by this?
Trying out bold: Bold!
April 14th, 2010 at 08:46
Update: It seems Opera 10.51 renders the embedded fonts nicely. Good work, Opera
.
July 8th, 2009 at 23:00
Opera 10b seems to support only TTF, not OTF. And Chrome 3 doesn’t support any web fonts. No idea why that is, they claimed web font support a while ago. Maybe it only landed in Chrome 2, not 3?