@ font-face的CSS問題

Question

因此，我正在為這個華而不實的新啟動網站進行前端編碼，並且使用的是特定字體。 我正在使用@ font-face，字體在所有瀏覽器中顯示，但存在一些問題：

1）字體看起來像是像素化的，這有點丑陋。 使用其他字體之前，這個問題實際上已經發生在我身上，所以如果有人推薦我如何使字體平滑，我會很高興。

2）在Opera和Safari中，字體正常顯示（仍為像素化），但在IE，Firefox和Chrome中，字體顯示為粗體，比常規字體粗一些。 我嘗試放置font-weight，但是字體不支持任何粗細，所以很正常。 關於這個問題有什么想法嗎？

我真的很想要這種字體，但我不明白每個人在使用這些字體渲染問題時如何使用字體。 我希望我缺少一些東西。

Answer 1

由於@ font-face使用OS字體渲染引擎，因此取決於您使用的OS。 在Windows XP上，只需忘記正確完成即可。 Windows 7在IE7 / 8中也可以正常工作。

可能導致字體看起來參差不齊的一件事是Cleartype選項-將其關閉可修復邊緣，因為它不會執行多余的抗鋸齒處理，因為嵌入的字體已被抗鋸齒處理。

禁用客戶端上的 cleartype的一種方法是將IE特定的filter:屬性（僅使用一些簡單的屬性，因此除了觸發效果（例如旋轉0度）之外，不會對CSS中的標頭執行任何操作）會導致IE會關閉cleartype，以避免過濾器渲染和Cleartype渲染之間發生沖突。 但這只會修復IE。

還有一個特定於Webkit的-webkit-font-smoothing可以正常工作，並且可能會幫助您使用chrome和css3 font-smooth （從未使用過此工具，因此無法告訴您結果或受支持的瀏覽器）。

如果您確實想保留所選的字體，最能做的事情就是使用Cufon或類似的字體替換器。 根據我的經驗，它可以完成額外的腳本負載。

總體而言，對於@ font-face，沒有可靠的解決方案來使它在所有瀏覽器和系統上都具有相同的外觀。