font-weight 小结

字体格式和兼容性

@font-face {
    font-family: 'Book';
    src: url('Medium-Book.eot'); /* IE */
    src: url('Medium-Book.woff') format('woff'), /* Modern Browsers */
         url('Medium-Book.ttf') format('truetype'), 
         url('Medium-Book.svg#Medium-Book') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

苹方字体的 CSS 设置

p {
    /*font-family: PingFangSC; 不能这样写，这么写不会应用上*/
    font-family: PingFangSC-Regular;/*常规体*/
    font-family: PingFangSC-Medium;/*中黑体*/
}

font-weight 字重对字体粗细的影响

100 — 900：

实践证明，对于宋体和 PingFangSC-Regular：

• 100 – 500：字体粗细一样
• 600 – 900: 字体粗细一样

如果字体很粗，font-weight 不会应用

p {
    font-family: PingFangSC-Semibold;/*中粗*/
}

总结：对于字体，最好不要使用 font-weight 的数值去控制字体的字重。直接使用关键字就行。对于特殊的字体使用特殊的字体包。比如粗体。

转载自原文链接, 如需删除请联系管理员。

原文链接：font-weight 小结，转载请注明来源！