具有相同操作系统和浏览器版本的两台计算机之间的字体粗细差异答案

【问题标题】：Font weight difference between two computers with the same OS and browser version具有相同操作系统和浏览器版本的两台计算机之间的字体粗细差异
【发布时间】：2014-07-24 00:36:46
【问题描述】：

我在一个使用 CSS 规则样式设置的网站上获得了文本：

font-weight:normal;

在运行 MacOS 10.7.5 的本地计算机上通过 Chrome 版本 25.0.1364.99 查看时，字体看起来正常，但从具有相同操作系统版本、相同 Chrome 版本和相同字体集的另一台计算机上查看时文字看起来异常细。

除了样式和字体之外，是否还有其他因素会影响字体在浏览器中的呈现方式？？

【问题讨论】：

不同操作系统的文本格式不同；没有真正的方法可以确保它看起来完全一样，而无需进行令人讨厌的黑客攻击，您可以检测特定的浏览器版本和操作系统并提供相应的 CSS 代码。
可能是一台计算机有一个程序替换了某些字体。
@ChristianStewart - 是的，我希望它在操作系统之间看起来有点不同，但奇怪的是，这是同一操作系统版本之间的差异。
@mddw - 好点，我会调查一下

标签： css fonts

【解决方案1】：

确保它们都设置了 LCD 字体平滑。这可以改变字体在视觉上的外观。这可能对某些字体的影响比其他字体更大，因此两者之间的系统字体可能看起来相同，而您使用的字体可能看起来不同。此外，如果一个屏幕的质量更高，此设置可能会产生更深远的影响，但它们看起来仍然可能不同（例如视网膜与非视网膜）。

在 10.8 上，此设置位于“系统偏好设置”、“常规”下。

【讨论】：

两台电脑都有LCD字体平滑设置。您关于显示类型的观点可能就是它。显示为粗体的计算机都是几年前的，而正常显示的计算机是 2012 年的。我会进一步跟进。感谢您的提示
显示差异最终不是问题。但是，在查看字体平滑后，我们能够获得一致的外观。最后我们添加了“-webkit-font-smoothing: antialiased;”的css规则这使字体粗细在计算机之间看起来一致。感谢您的帮助！

【解决方案2】：

检查这个：

 font-smoothing:antialiased;
   -webkit-font-smoothing: antialiased;
    text-rendering:optimizeLegibility;

【讨论】：

谢谢你的建议，我试试看。

【解决方案3】：

其中一个操作系统可能具有不同的可访问性或显示选项。查看显示设置下的字体选项。那可能是你的罪魁祸首。

【讨论】：