字体格式和兼容性
@font-face {
font-family: 'Book';
src: url(https://blog.csdn.net/'Medium-Book.eot'); /* IE */
src: url(https://blog.csdn.net/'Medium-Book.woff') format('woff'), /* Modern Browsers */
url(https://blog.csdn.net/'Medium-Book.ttf') format('truetype'),
url(https://blog.csdn.net/'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;/*中粗*/
}

博客围绕字体格式和兼容性展开,介绍了苹方字体的CSS设置,探讨了font - weight字重对字体粗细的影响。实践表明宋体等字体在不同数值区间粗细表现不同,且字体很粗时font - weight不生效。建议不使用数值控制字重,用关键字,特殊字体用特殊字体包。
220

被折叠的 条评论
为什么被折叠?



