2013-03-27 23 views
4

我在Google Chrome瀏覽器的字體清晰度方面遇到了問題。我正在使用@ font-face web字體和FontAwesome在我的導航欄中呈現文本和圖標,在www.transitioncville.org上開發一個網站。當我有我的外部顯示器插入(但Chrome的窗口是我的MacBook顯示器上),我瀏覽到我的網站,我看到清晰,鮮明的文本/圖標:外部顯示器影響Chrome字體清晰度?

Crisp text

如果我拔掉我的外部顯示器我仍然清晰,清晰的文字/圖標(即使我刷新頁面或清除緩存)。但是,如果我在拔下外接顯示器並打開相同網站的情況下打開新的Chrome選項卡,則文本和圖標突然變得模糊(請參閱下文)。我已經在其他機器上重現了這一點。什麼可能導致這種情況?這個問題似乎並不侷限於FontAwesome,因爲您也可以看到文本大量增加。

enter image description here

對於它的價值,無論是Safari瀏覽器,也不火狐似乎有任何問題。

谷歌瀏覽器25.0.1364.172(正式版本187217) 操作系統Mac OS X 的WebKit 537.22(@ 145275) 的JavaScript V8 3.15.11.17 閃存11.6.602.180 用戶代理的Mozilla/5.0(Macintosh上,英特爾的Mac OS X 10_7_5)AppleWebKit/537.22(KHTML,像Gecko)Chrome/25.0.1364.172 Safari/537.22

回答

0

我不確定具體是怎麼回事,但有時奇怪的瀏覽器特定的字體呈現問題在使用下面的CSS時消失。嘗試將其添加到頁面上包含的全局css文件中。

html, body { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    text-size-adjust: 100%; 
}