@font-face
Trader Sam | February 26, 2010
If you are using Firefox to read this, first off, good for you! Second, you may witness odd happenings with text as I play with Web fonts. Yes, fonts can (sort of—it’s a long story) be used on websites. I’ve already implemented one font for the bulk of the site’s text. If you look closely to the pages as they’re loading, you will undoubtedly witness the font change before your eyes. That’s because the browser has to download the font.
And, as usual, Internet Explorer refuses to join the mainstream browsers. It prefers to do what it wants, rules and standards be darned. Web fonts are supposed to work in IE, but they don’t. At least, not for me. I have yet to test Opera and Chrome.
I’m just learning about Web fonts and the @font-face CSS property; it’s fascinating to learn all of the intricacies. And, there’s a lot of temptation to start using flashy fonts, which may not scale like you’d think or be readable. A lot of testing and careful consideration is involved. The A List Apart website has been a lot of help; it’s a great jumping-off point:
If you want to get some straight, basic information on how to get started, I recommend visiting Nice Web Type.
what about safari?
Safari 3.1 and higher should support Web fonts.
oh okay thanks :)
Ha! Here I am, bashing Internet Explorer for not displaying Web fonts at all, and the fault lies with user error instead. Well, after some quick editing, IE users can now see the Web fonts. I’m also testing Opera and Chrome, both of which are displaying the fonts just fine . . . although, Opera is having issues with bold text.