CSS font-weight:500不生效

目录

一、问题

二、原因

三、解决方式


一、问题

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

2. 本地看着没有问题

二、原因

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

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

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

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

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

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

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

三、解决方式

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

相关推荐
IT_陈寒8 小时前
SpringBoot自动配置的坑差点让我加班到天亮
前端·人工智能·后端
xingpanvip8 小时前
星盘接口开发文档:星相日历接口指南
android·开发语言·前端·css·php·lua
@PHARAOH8 小时前
WHAT - GitLens supercharged 插件
前端
TT模板8 小时前
苹果cms整合西瓜播放器XGplayer插件支持跳过片头尾
前端·html5
Wect9 小时前
React 性能优化精讲
前端·react.js·性能优化
追风筝的人er9 小时前
SpringBoot+Vue3 企业考勤如何处理法定假期?节假日方案、调休补班与工作日判断链路拆解
前端·vue.js·后端
无敌的黑星星9 小时前
Java8 CompletableFuture 实战指南
linux·前端·python
雁鸣零落10 小时前
如何在 Chrome 中查看其他浏览器的书签?书签空间订阅与侧边栏只读切换指南
前端·chrome·edge浏览器
hpoenixf10 小时前
一天上线 + 零返工:我如何给复杂前端需求建立“安全感”
前端
广州华水科技11 小时前
单北斗GNSS变形监测系统在水利工程安全保障中的应用与优势分析
前端