@ font-face的CSS問題

Question

因此，我在前端編寫了這個華麗的新啓動網站，並使用了特定的字體。我使用的是@ font-face，字體顯示在所有瀏覽器中，但有些問題：

1）字體看起來像素化，這使得它有點醜。這個問題實際上發生在我之前與其他字體，所以我會很高興，如果有人推薦我如何讓字體順利。

2）在Opera和Safari中，字體通常呈現（仍然像素化），但在IE，Firefox和Chrome中呈現爲粗體，比正常情況更大膽。我試圖把字體重量，但字體不支持任何重量，所以這是正常的。關於這個問題的任何想法？

我真的很想這個字體，我不明白大家是如何使用字體的所有那些渲染問題。我希望我錯過了一些東西。

Answer 1

取決於您使用的操作系統，因爲@ font-face使用OS字體呈現引擎。在Windows XP上，忘了讓它正確完成。在IE7/8中，Windows 7幾乎可以完成這項工作。

有一件事可能會導致您的字體看起來鋸齒狀，可以是Cleartype選項 - 將其關閉可修復邊緣，因爲它不會執行不需要的額外消除鋸齒，因爲嵌入字體已經消除鋸齒。

一到客戶端上的禁用ClearType的方法是應用一個IE特定filter:財產（只需使用一些簡單的屬性，因此它不會做任何東西，除了觸發效果 - 由0度旋轉一樣），你的頭在CSS中 - 這會導致IE關閉cleartype以避免過濾器呈現和Cleartype呈現之間的衝突。但是這隻會修復IE。

還有一個webkit特定-webkit-font-smoothing它工作正常，可能會幫助你與鉻和css3 font-smooth（從未使用過這個，所以不能告訴你有關結果或支持的瀏覽器）。

如果你真的想保留你選擇的字體，你可以做的最堅實的事情是使用Cufon或類似的字體替換器。根據我的經驗，它可以完成額外的腳本加載。

總體而言，對於@ font-face，沒有可靠的解決方案讓它在所有瀏覽器和系統上看起來都一樣。