UI写的font-weight对应的数值

在实际工作中，我们前端一般根据UI设计图来还原页面效果，而UI通常会在字重（font-weight）写上Regular、Normal、Medium、Light。。。我们肯定是需要将它转换为对应的数值。

// 取值范围为 100-900,一般通用
100 - Thin
200 - Extra Light
300 - Light
400 - Regular( Normal、 Book、 Roman )
500 - Medium
600 - Semi Bold( Demi Bold )
700 - Bold
800 - Extra Bold(Ultra Bold)
900 - Black(Heavy)

// 说明
Normal、Regular 与 400 相同
Bold 与 700 相同
Bolder 指定外观的重量大于继承的值
Lighter 指定外观的重量小于继承的值

当然font-weight也有着兼容性:

iOS与安卓的区别：

• 对于汉字，安卓和ios是一样的，只有normal和bold
• iOS的加粗是从600往后计算的；安卓是从700开始计算的。因此，在日常使用时，写 font-weight: 700/bold;
• 对于字母和数字，安卓是对不同数值的粗细区分的；但是iOS跟汉字一样，只有normal和bold
• lighter只针对安卓有效果，相当于100/200的粗细效果，normal统一都是400，bold是700