2011-09-15 50 views
2

我在某個應用程序中遇到問題,在Windows中測試時,字體會顯示爲非常模糊和像素化。在任何瀏覽器中顯示像素化的Windows(Firefox/Chrome)上的字體

我的字體家族是非常簡單的:

body { 
    font-family: Helvetica, Arial, sans-serif; 

下面是一個例子:screenshot

在我的發展中,我有過一次(Ubuntu的/火狐/鉻),沒有問題。

我是相當新的CSS - 可以這是一個操作系統的東西? Windows機器應該有Arial,但它不應該?

+0

這個例子應該是模糊的嗎?因爲它對我來說看起來很好。也許多年的Windows讓我知道字體被認爲是*看起來的方式。 – sdleihssirhc

+1

如果你看看o,u,s和e上的曲線,這是最引人注目的。你的顯示器可能比我的顯示器更高 - 放大,它應該是顯而易見的,但也許這是常態? – Kombo

+0

什麼版本的Windows? – BoltClock

回答

2

字體平滑這是怎樣的ClearType字體渲染。這是完全正常的,所以我唯一給你的建議是不要擔心它或選擇不同的字體。 Windows用戶可能習慣了它。

這是因爲ClearType針對較小文本的閱讀進行了優化,但因此會使較大的文本看起來像您的示例中的像素化。如果你有興趣,Here是一篇關於這個主題更深入的文章。實際上,如果你禁用ClearType,我敢打賭它看起來會好很多(儘管較小的文本看起來很糟糕)。

編輯:截至2013年9月,我認爲大多數瀏覽器(包括Firefox,Chrome和IE10)都在Windows上使用自己的字體渲染引擎,所以這應該不再是問題。

+0

這是ClearType的一個已知問題,最終在IE9和WPF 3中得到糾正,並且可能會開始在Windows 8中顯示系統範圍。標準渲染模式是除Windows XP上的ClearType之外的另一選項(不確定Vista和7),你會看到更好的字體。啊,微軟...... – BoltClock

+0

@BoltClock:我不認爲這是一個問題,只是一個設計決定。但很高興知道它已經得到改善。 –

+0

這應該更新。截至2012年,Chrome不使用Microsoft ClearType來呈現文字,因此,大字體被大量使用。查看這個Dabblet並比較I.E.中的差異。和Chrome:http://dabblet.com/gist/4276879 –

0

看起來像默認窗口字體正確呈現可能會嘗試garamond或次新的羅馬,但我認爲你會像這樣運行像素化,一旦你達到一定的窗口大小。

1

很多windows XP系統都關閉了字體平滑處理。我不知道爲什麼,但是如果你打開顯示器屬性,你可以啓用它。字體將顯得更好。

當你使用像Arial這樣的標準窗口字體時,問題並不是很明顯,但是如果你開始使用網頁字體,它會變得非常難看。

可悲的是,有沒有辦法讓你從瀏覽器檢測此設置或強行

-2

我剛剛遇到了同樣的問題,在我的網站上看到一個像素化的徽標。我曾嘗試過一個.jpg和一個.gif文件。然後,我將這個文件保存在Photoshop的「保存爲Web和設備」下拉菜單中,現在它在網站上看起來很棒。

+0

字體不是圖像,你看到的問題與這裏提到的字體問題完全不同,並且與ClearType,CSS或操作系統無關。 – Jeff

0

在Windows 10 & Chrome的組合我也有類似的問題,這是固定的,我的東西:

  1. 打開從Windows選項CleanType文本。
  2. 在chrome://標誌上禁用畫布的2D加速。
相關問題