2011-05-20 34 views
2

Im使用@ font-face在網站上渲染自定義字體 字體爲'Ministry ExtraLight' Im同樣使用這個網站來生成字體文件http://www.fontsquirrel.com@ font-face在Chrome/IE中渲染更大,fontsquirrel

它在FireFox上看起來很好。但在Chrome/IE/Safari上,它看起來像字體變得模糊。 當我檢查的字體,它實際上是設置爲

font-weight: normal; 
font-style: normal; 
font-variant:normal 

,但它呈現粗體或續重的字體。

有沒有碰過類似的東西?

Rendering on Chrome/FF

+0

如果你硬編碼字體重量會怎麼樣? – Mohsen 2011-05-20 06:44:37

回答

0

你還會發現在Windows,OSX和Linux之間呈現差異。

這聽起來像Firefox是一個奇怪的,所以你應該尋找有什麼不同。

可能發生的情況是,Firefox使用自己的字體呈現,而其他人正在使用系統字體呈現。如果您的系統設置爲更改字體(使它們更粗壯,打開各種類型的消除鋸齒等),您可能會看到上述效果。

+0

我的FF未被設置爲改變任何字體,其設置爲默認值。以及它的其他機器也是如此。該字體看起來更接近FF比其他3個瀏覽器進行了測試。 – heshanh 2011-05-20 05:57:10

+0

沒有「設置」。發生的是它使用了不同的渲染引擎。瀏覽器可以使用系統提供的瀏覽器,也可以使用它自己的瀏覽器。 Firefox正在使用它自己的。絕對沒有辦法讓三個瀏覽器渲染字體完全一樣。 – 2011-05-22 01:19:44

1

這不完全是事實 - 我遇到了一模一樣的問題的字體在Firefox和Opera呈現薄上的字體重正常,但webkits使其大膽的 - 當我申請了在所有瀏覽器中,字體粗體大小與樣式相同。所以Firefox在這裏並不是很奇怪,但是webkit顯示錯誤而忽略了字體重量。

0

我注意到了同樣的事情。

因爲我沒有找到解決方案,所以我在Google Webfont上使用了相同的字體。

http://www.google.com/webfonts

壞的事情是,谷歌的網絡字體大得多(開放三世是比〜字體松鼠的開放三世大2-3倍),所以要小心。