【发布时间】：2016-10-07 19:23:43
【问题描述】：
我的网站上的字体在 mac 和 pc 上都有 skarp 字体时遇到问题。字体在 Mac 上看起来很清晰，但在 PC 上字体非常暗淡和细。
我可以在 CSS 中做些什么来避免 PC 的问题吗？
【问题讨论】：
-
您使用哪种字体？自定义字体或字体服务字体（谷歌字体、typekit）？
【发布时间】：2016-10-07 19:23:43
【问题描述】：
这个问题很难回答，因为影响字体渲染的因素很多。
字体本身。是否是屏幕字体，通过提示和其他特殊优化，用于基于像素的显示。你在图片中显示的字体看起来很细，小号总是有问题。
字体渲染是由操作系统完成的，而不是浏览器，所以最终显示的渲染总是存在差异的。
根据我的经验，如果尝试使用相对较小的打印字体，就会出现 98% 的此类情况。如果字体剪裁过细，问题就会增加。
为了克服这些问题，我建议使用屏幕优化字体（又名 webfonts），这些字体可以从 google 字体等免费提供或购买。如果它仍然不好看，请尝试更大的尺寸，如果这不是选项，则可能是选择错误的字体。
【讨论】：
使用字体渲染（https://davidwalsh.name/font-smoothing）：
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
【讨论】：