2014-11-02 38 views
3

下面的圖片是同一頁/段落的三個屏幕截圖的組合:第一個來自Chrome,第二個來自IE,第三個來自Firefox。爲什麼chrome渲染字體如此明亮?

顏色是黑色(#000),字體系列是Helvetica,字體大小是12px。

正如我們所看到的,chrome中的字體看起來不是很黑。它甚至看起來很蒼白。在IE中,字體呈現得更黑更黑,更易於閱讀。在Firefox中,它比Chrome好得多,但仍不像IE那樣黑。

是否有人知道是什麼使這種差異,如果有解決這個問題的方法(這不涉及瘋狂的CSS黑客)?

謝謝。

same font, three different browsers

+0

打開'chrome:// flags'併發布是否啓用或禁用「禁用DirectWrite」。 – 2014-11-02 13:23:58

+0

它被禁用。我嘗試了兩種選擇,但看起來一樣。 – Yair 2014-11-02 13:29:01

+0

@Yair是否在切換directWrite後重新啓動瀏覽器? – YemSalat 2014-11-02 13:36:35

回答

0

這是因爲瀏覽器是如何呈現的網站,這應該修復它:

-webkit-font-smoothing:antialiased; 

編輯:我想這也修復了文本的外觀上OSX

+0

謝謝,但我的眼睛看不出有什麼區別 – Yair 2014-11-02 14:45:27

0

我看到完全一樣的在我自己的網站上測試Web字體時出現問題。 Chrome中的所有網絡字體都比其他瀏覽器中的要薄;這甚至會呈現一些字體,否則這些字體看起來會很平衡,實際上沒用。

一個CSS屬性,我發現,幫助是:

-webkit-text-stroke 

但它不是一個完美的修復,這是無效的CSS。

現在是2016年了,問題仍然存在。我不能說我明白他們爲什麼不解決問題。 (並且不,修復不應該意味着必須自己更改瀏覽器設置。)

由於某種原因,它似乎也是一個相對少報的問題。