在Mac(Chrome和Safari)上,单词看起来比在PC上更大胆,为什么?

Ben*_*rds 3 html css browser fonts operating-system

在回顾不同的操作系统时,我注意到特别是在Chrome和Safari中,Mac书上的文字看起来比在PC上更大胆.难道只有浏览器网络工具包能够解释CSS和HTML,而不是操作系统本身吗?

如果上述情况无效,这是我的锚标签(单词)的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;
}
Run Code Online (Sandbox Code Playgroud)

Aar*_*ron 7

如果我没有弄错的话,这是由于每个操作系统使用的文本渲染算法的差异.本文提供了详细说明以及用于比较的示例.

  • 我发现这个CSS修复了Mac上更大胆的字体:-webkit-font-smoothing:antialiased;/*这需要设置或某些字体面向字体在Mac上看起来很粗体.*/但对于Mac上的Firefox来说并不明显. (2认同)