2013-03-21 19 views
0

我在與字體的CSS的一個大問題打開三世問題,在我的CSS應用光開放Sans字體

的問題是我想看到的白色與(光)開放Sans字體短語,而不是它只有在使用白色時才顯示爲粗體!但是,當我用黑色或其他顏色寫出相同的短語時,它看起來很輕。 任何想法?

這裏是在這個環節代碼:

http://shrib.com/ILjxuPtM

測試它,請,並告訴我,什麼是錯的。

+0

我會使用的jsfiddle建議你,這裏是你的就可以了http://jsfiddle.net/VS2a6/ – Kyrbi 2013-03-21 18:22:13

+0

代碼,我沒有看到兩個http://jsfiddle.net/j83Ev有什麼區別/ – 2013-03-21 18:22:54

+0

有一個很大的區別,看到黑色比白色更輕 – 2013-03-21 18:26:54

回答

0

Here is an article about font rendering.

CSS color是另一個因素。文本顏色和背景顏色之間的差異可以顯着改變類型的外觀。較低的對比度意味着抗鋸齒看起來更加微妙 - 從前景(類型顏色)到背景的分級步驟不那麼引人注目。

明暗文字比明暗更厚,所以在這些情況下降低對比度會產生更大的差異。

我想你可以簡單地使用font-weight屬性來調整字體。

+0

謝謝你的回答,我已經使用了最小的字體重量300,但仍然沒有結果:s – 2013-03-21 20:25:48

0

Mac上的反鋸齒功能使得Open Sans中的淺色文字在黑色背景上顯得更加粗大。您可以將字體平滑選項調整爲除子像素之外的其他值,以避免出現此情況。

我用Photoshop在白色背景上以50%的不透明度在同一文本的圖層頂部疊加一層黑色文本,但在黑色背景上點亮。正如你所看到的,黑暗的文字周圍有一條白色的邊緣,不應該在那裏考慮它們同樣大膽。