2012-03-26 33 views
2

當在不同的操作系統上進行審查時,我注意到,特別是在Chrome和Safari中,mac書上的文字比PC上的文字更大膽。是不是隻有瀏覽器的web-kit能夠解釋CSS和HTML,而不是操作系統本身?在Mac(Chrome和Safari)上,單詞比PC更大膽,爲什麼?

這裏是我的錨標記(字)CSS如果上述情況下是無效的:

.homeText .cases { 
    color: #bcbcbc; 
    float:left; 
    font-family:Arial, Helvetica Neue, Sans-Serif; 
    font-size: 2.65em; 
    font-weight:bolder; 
    line-height: 30px; 
    height:30px; 
    margin: 0px; 
    margin-right: -2px; 
    padding-right: 13px; 
    position: absolute; 
} 

回答

7

如果我沒有記錯,這是由於所使用的文本渲染算法不同由每個操作系統。 This article提供了用於比較的示例的詳細解釋。

+1

和font-weight的實現:bolder;從瀏覽器到瀏覽器不同 – meo 2012-03-26 14:55:57

+2

我發現這個CSS修復了Mac上更大膽的字體: -webkit-font-smoothing:antialiased; /*這需要設置或一些字體面對字體在Mac上看起來粗體。 */ 但在Mac上沒有明顯的Firefox。 – 2012-03-26 15:10:56

1

OS X不會更改文本的CSS或粗體。它使用不同的字體渲染和平滑算法來顯示文本,所以文本通常在OS X上比在Windows上顯得「更胖」。 Here's one site談到它。谷歌搜索「OS X字體平滑」會給你很多結果。

+0

@Downvoter:請解釋-1? – Cornstalks 2013-07-07 06:19:47

相關問題