Search code examples
cssfont-face

@font-face rendering


I'm using a font in my site: http://www.fontsquirrel.com/fonts/Bentham

But I have a problem:

This @font-face displayed font looks different in every supported browser. How could I mostly render it everywhere equally?


Solution

  • @font-face is, sadly, still new and relatively inconsistently supported. Webkit/Gecko deal with it differently, and IE8 only works with their EOT font files... it's a mess.

    Right now, consistency is still achieved only through older techniques (flash replacement, image replacement, etc.).

    If you have specific examples of what's different, though, we might be able to help identify tweaks to your CSS to smooth things out...