CSS中的@ font-face問題

Question

我在渲染@ font-face CSS和HTML時確實遇到了一些問題。 有趣的是，這些字體似乎正在加載，但是它們在頁面上看起來很模糊，然后在Safari中，它們比其他瀏覽器要暗得多。 我對事情的進展感到非常失望！

我選擇實現的這些方法是從CSS Tricks網站（http://css-tricks.com/snippets/css/using-font-face/）獲得的，該資源非常有用。 它仍然無法正常工作，並且使用任何其他瀏覽器查看任何其他網站都沒有問題。

我已經在Windows 7中檢查了Cleartype字體，並且可以使用。 我假設我的標頭CSS很好，因為字體正在渲染，所以我希望它是語法問題或一些簡單的問題。 可能也是因為我使用的是HTML 5？

這是我的測試域中的頁面： http ://www.richmindonline.com/sampleconversion2.html

我當時有概率在這里發布代碼。 沒有CSS文件，樣式為內部和內聯。

Answer 1

您使用的字體太細了。 另外，不同的瀏覽器將呈現不同的HTML。 一些較舊的計算機甚至不進行抗鋸齒。 順便說一句，該鏈接中的文本沒有啟用抗鋸齒功能，實際上讓我感到很奇怪。

使用@font-face時要記住的事情：

1. 許多不同的字體可能看起來不錯，但下載頁面所需的時間更長，因為還必須呈現字體。
2. 較舊的瀏覽器將不支持@font-face （尤其是當心IE）。
3. 在設計字體時要牢記字體和大小，以防字體出現故障時使用。

根據經驗，我總是從一種標准字體中進行選擇。 他們還不錯。