2012-03-26 29 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

相关问题