Question

看起来firefox在理解我对他的要求方面遇到了麻烦。 Chrome非常了解我。但是firefox拒绝理解想要＆＃34;正常＆＃34;我写（font-face：normal）一个属性时的字体。它使我的块＆＃34; ligter＆＃34;喜欢父块中的字体.WHY！？！？！？

@font-face{
    font-family:Myriad;
    src:url('../fonts/MyriadPro-R.ttf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:Myriad;
    src:url('../fonts/MyriadPro-B.ttf');
    font-weight:bold;
     font-style:normal;
}
@font-face{
    font-family:Myriad;
    src:url('../fonts/MyriadPro-L.ttf');
    font-weight:lighter;
     font-style:normal;
}

Answer 1

最好使用字体面的数字权重，即font-weight：200等，因为每个浏览器以不同的方式呈现字体，因此与600/400等相比，加载粗体/打火机时会看到更大的差异。 / p>

找出每种字体支持的权重并使用数值。

更改字体系列名称以表示不同的字体权重，例如Myriad Light，Myriad Bold，Myriad，以获得更易读的CSS和更少的混淆。

Answer 2

值lighter对font-weight property inside a @font-face rule无效（正如W3C CSS Validator会告诉你的那样）。请改用数字权重。应在字体供应商提供的信息中找到适当的值。

firefox 26-31中的字体面孔

2 个答案: