开发者

@font-face works bad in windows (with firefox chrome ie) works fine in Ubuntu

here my prob开发者_JAVA百科lem: the font Fedra looks orrible with @font-face in windows, I don't know why. It looks fine in Ubuntu.

You can see this here

What's the problem?

Here the code css

 @font-face
 {
      font-family: Fedra Sans;
      src: url('../font/FEDRAS01.eot'); /*For IE 6+*/
      src: url('../font/FEDSAB01.ttf');
 }
 @font-face
 {
      font-family: Fedra Sans;
          src: url('../font/FEDRASAM.eot'); 
          src: url('../font/FEDRASAM.ttf');
      font-weight: bold;
 }


ttf and eot fonts are not enough for successfully embedding fonts on the web. Read here: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax and here: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

Then you can try and create the @font-face kit using http://www.fontsquirrel.com/fontface/generator


The problem is Windows doesn't render fonts the same as other operating systems.

You can try using images, sIFR or Cufon/similar.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜