2013-01-16 28 views
1

我想使用CSS字體的face屬性。我已經把字體變成了正確的字體,但是它在Windows平臺上看起來很鋒利。特別是Chrome看起來很糟糕。使用字體的前臉字體

使用OSX時,所有的瀏覽器都非常完美。

我該如何避免這些可怕的字體?

在OSX瀏覽器:

enter image description here

Windows上的Chrome:

enter image description here

+0

我'認爲'它不是一個Windows/Mac的問題,但更有可能是你的字體沒有很好地轉換。你使用'woff',然後'ttf',然後'svg'。我認爲,在你的Mac上,它向你展示了其中一個,並且在你的Windows機器上它向你展示了另一個。可能的話,Windows機器在所有情況下都使用'ttf',只是你的'ttf'文件不會使用抗鋸齒轉換,在所有情況下,在Mac上都會顯示'woff',並且該文件是正確的。如果你只在兩臺機器上強制使用'woff'或'ttf',那麼差別還在嗎? – Bazzz

+0

在使用IE的Windows上看起來很好,很可能是因爲它使用了'eot',這與我之前的評論一致,說明你的字體文件可能沒有使用反別名。 – Bazzz

+0

@Bazzz字體沒問題,IE9 +也使用WOFF而不是EOT。在某些情況下,Chrome會進行糟糕的渲染。 – Carvellis

回答

0

的瀨越字體已經安裝在大多數的Windows PC的。當你試圖將它與CSS鏈接時,這可能會導致問題。嘗試在CSS中重命名字體,使其具有與內置Windows字體不同的名稱。

另外,Chrome並沒有很好地呈現TTF/WOFF字體。您可以通過優先考慮SVG字體(將其放在字體列表中更高的位置)來解決這個問題。這將使Chrome選擇SVG字體(但大多數其他瀏覽器仍將使用WOFF字體)。 See here瞭解更多信息。