CSS font-weight:500不生效

目录

一、问题

二、原因

三、解决方式

---

一、问题

1. 线上发现部分 样式和ui设计稿不一样：字体没有加粗

2. 本地看着没有问题

二、原因

1.为什么线上有问题，本地没有问题 

 本地的样式引入因为写在前面，被底部的 第三方框架的样式 覆盖所以看着没有问题。

但是线上编译的时候，是以本地的样式为主，本地的样式会覆盖第三方框架的样式.

修改方式：本地样式写在最后面

2.部分字体没有设计500的模式，例如：微软雅黑（Microsoft Yahei），所以 font-weight:500不会生效

3.为什么要用 微软雅黑？ 

        因为微软雅黑是microsoft是windows自带字体，1080P及以下低分辨率屏幕中其他字体不清晰时，微软雅黑还能清晰显示。

三、解决方式

1.为了兼容不同字体和不同分辨率下的清晰度，设计稿最好不要使用 font-weight:500的样式