在PC和Mac上获得清晰的字体？

Question

我的网站上的字体有问题，在mac和pc上都有skarp字体。这些字体在Mac上看起来很清晰，但在PC上字体非常暗淡和稀薄。

CSS中是否有特定内容可以避免PC出现问题？

Screenhshot from mac

Screenshot from PC

Answer 1

很难回答这个问题，因为影响字体渲染的因素很多。

1. 字体本身。它是一种屏幕字体，通过提示和其他基于像素的显示的特殊优化。您在图像中显示的字体看起来非常薄，小尺寸的问题总是存在问题。

2. 字体渲染由操作系统完成，而不是由浏览器完成，因此最终显示的渲染始终存在差异。

根据我的经验，如果试图使用相对较小尺寸的打印字体，则会出现98％的此类案例。如果字体很薄，问题就会增加。

为了克服这些问题，我建议使用屏幕优化字体（又名webfonts），这些字体可以免费提供谷歌字体等或购买。如果它仍然看起来不太好，请尝试更大的尺寸，如果这不是选项，则可能是错误的选择字体。

Answer 2

使用字体渲染（https://davidwalsh.name/font-smoothing）：

body {
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
}