CSS - 黑色背景上的白色文字，看起來更大膽

在黑色背景上使用白色文字時，文字看起來比它看起來要胖。它的純文本與CSS。我正在使用typekit.org字體。CSS - 黑色背景上的白色文字，看起來更大膽

enter image description here

有什麼辦法來解決這個問題或者是某種抗鋸齒問題嗎？

2013-01-23 Philip

不，這是一個錯覺，在Photoshop中打開它並顛倒顏色，它看起來是一樣的。 –

@BenjaminGruenbaum - 我剛剛做了，沒有看起來不一樣。 – Philip

也許我沒有一個藝術家的眼睛，那麼因爲它看起來對我來說是相同的：/ –

由於您的瀏覽器中使用了抗鋸齒算法，因此文本爲粗體。這很容易驗證。在IE，Safari，Firefox和Chrome中使用screengrabs。它們的所有反別名都不同。有些文本看起來比其他文本更厚。一般來說，更好的文本看起來是白色的，黑色的看起來反而更胖。

這將關閉抗鋸齒在大多數瀏覽器：

body { 
-webkit-font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 
-o-font-smoothing: antialiased; 
}

2013-04-02 20:57:23

是的，這是有效的 - 當人們試圖聲稱這是一種錯覺時，這真的很煩人！ – advert2013

我認爲莫茲版應該是-moz-osx-font-smoothing：灰度看到[這個答案]（http://stackoverflow.com/a/17927764/896907） – josef

嗯，我仍然得到更厚的鉻/與白色文本的窗口。 –

-3

我認爲這是一種錯覺，css是由你定義的，如果你沒有在CSS中使用粗體文字的規則，那麼它就不會是粗體的。

2013-01-23 10:23:34 BackSlash

我想這是，雖然刺激。 – Philip

評論我的downvote，因爲它表明它：不，它不是一個錯覺。前端開發技術沒有像這樣被切割和乾燥。從DOM API到CSS美學的所有內容都受到每個瀏覽器不同實現的影響，而這些變體對於我們中的一些人來說可能是非常有問題的。 –

不是幻覺，而是一個實際的錯誤。 –

其實，這是一個known bug：

我能解決這種使用：

-webkit-font-smoothing:antialiased

有點晚了，但它對某些人來說可能還是有用的。

只記得this is not recommended。除非你在MacOS上，並且在黑暗的背景下使用淺色文字。

2014-01-14 02:04:19

鏈接已關閉。鏡像在這裏：https://web.archive.org/web/20131019233655/http://tanookilabs.com/your-fonts-look-bad-in-chrome-heres-the-fix – geon

兩個存檔問題和5年後最新的Chrome仍然在黑暗的背景上以MacOS上令人厭惡的方式呈現淺色文字。這太糟糕了...... –

回答