firefox中的字體面貌26-31

-1

看起來像firefox在理解我想要從他身上遇到麻煩。 Chrome非常瞭解我。但是，當我寫（font-face：normal）屬性時，firefox會拒絕理解想要「正常」字體的情況。它使得我的塊「ligter」像父塊中的字體一樣.WHY！？！？！？firefox中的字體面貌26-31

@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; 
}

來源

2014-09-03 Eugen Potapenko

你爲什麼不使用免費的Web字體？加載**授權** Myriad Pro字體看起來不正確。從CSS規範中，'normal' = 400.加載的字體是否具有400的字體重量？另外，在'font-family'中只使用1種字體是非常糟糕的做法（不提供回退）;至少添加1個後備字體，特別是使用自定義字體。 – Raptor 2014-09-03 08:16:47

最好是使用的字體的數值的權重面向即字體重量：200等由於每個瀏覽器呈現的字體不同，因此，你將在加載粗體當看到更大的差/打火機相比，600/400等

找出每個字體支持哪些權重並使用數值。

更改字體系列名稱以表示不同的字體重量，例如Myriad Light，Myriad Bold，Myriad以提高可讀性並減少混淆。

來源

2014-09-03 10:19:15 jkojoa

值lighter對font-weight property inside a @font-face rule無效（正如W3C CSS驗證程序會告訴您的那樣）。改爲使用數字體重。應該在字體供應商提供的信息中找到適當的值。

來源

2014-09-03 16:34:20

firefox中的字體面貌26-31

回答

相關問題