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:
Comments
4 responses to “New fonts, but do you see them?”
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…)
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!
Update: It seems Opera 10.51 renders the embedded fonts nicely. Good work, Opera :-).
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?