How to Achieve Cross Browser @font-face Support

Click here to see full post: http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

Thats nice

Thanks for the info about Fontex. It’s not a service I’ve used but I’m bookmarking it now. I know you mentioned Font Squirrel but I wanted to point out their @font-face kits that include multiple versions of the font (eot, ttf, etc) as well as the CSS code and license for each font. It’s pretty freakin’ sweet and a real time-saver.

This is really great article, i was looking for this. I will tweet you when i use custom fonts on my site.

Thanks !

Just tried it out and it completely works. Thanks!

Thanks for the great round up.

I’ve tried several font kits from FontSquirrel, but the display quality of the fonts is not convincing. Either the conversion into EOT or SVG causes this, or the browsers are simply not up to the task to handle fonts on that level.

We’re still not there if we want to achieve good legibilty. But if we want to fool around with exotic fonts to show off that web fonts are technically here, then that’s OK, I guess.

You have no idea how much i now love font-squirrel. Stupid EOT is ninja fast now.

Thanks for the great round up.

I’ve tried several font kits from FontSquirrel, but the display quality of the fonts is not convincing. Either the conversion into EOT or SVG causes this, or the browsers are simply not up to the task to handle fonts on that level.

We’re still not there if we want to achieve good legibilty. But if we want to fool around with exotic fonts to show off that web fonts are technically here, then that’s OK, I guess.

I discovered that if you resize the font to some arbitrary size (I used the font-size: 62.5% thing that makes 1em=10 pixels) then the rounding errors completely destroy the look of most fonts. I took this out, and the fonts suddenly sorted themselves out.

alo, this fails on kmeleon web browser. any suggestions?

thanks

This is a really old thread, but I wouldn’t worry about kmeleon browser at all.