如何使css font-weight在瀏覽器中保持一致

Question

我使用@ font-face css選擇器在我的網站中實現了自定義字體，併爲不同的瀏覽器提供了不同的字體格式，點的Firefox，鉻IE11和歌劇渲染字體大致相同。

但是當涉及到給予font-weight: 900;只有Chrome才能夠呈現足夠大的字體， firefox和IE的渲染效果接近於在500或600下呈現的內容

有沒有辦法在其他瀏覽器中實現相同的結果而無需實施粗體版本所有不同格式的字體？

firefox rendering

chrome rendering

Answer 1

保持字體一致的權重，最好的辦法是確保字體配備了一個大膽的重量字體文件。如果你的字體文件沒有達到你想要的重量，那麼瀏覽器操作系統會嘗試手動設置字體的樣式，如你所見，會產生不同的渲染效果。