CSS 如何满足不同系统不同字体的粗细定制？

Question

在 Mac 下苹方、Linux 下的文泉驿字体，他们有下列粗细：

Normal: 400
Medium: 500
Semibold: 600
Bold: 700

但是在 Windows 下，微软雅黑，只有 400 和 700 两种。以 SegmentFault 为例，标题文本粗细都设置为 500，在 Mac 下看起来没有问题，但是在 Windows 下，500 的中文跟 400 的中文并没有差别（见下图）。

有没有什么办法，在遇到系统没有 500 粗细的字体的情况下，自动向上叠加比如变成 700，或者说有没有其他的方法能对不同的字体设置对应的粗细？

Answer 1

这个没有办法的，css无法预先知道字体是否支持粗细调整。只能两个平台统一设置。你如果非要区别，那就写两套规则应用在不同平台。