CSS font-weight:500不生效

目录

一、问题

二、原因

三、解决方式


一、问题

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

2. 本地看着没有问题

二、原因

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

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

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

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

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

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

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

三、解决方式

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

相关推荐
心念枕惊12 小时前
.NET CORE 授权进阶-角色、策略与动态权限实现
java·前端·.netcore
小徐_233312 小时前
寓言故事一则:狗猛酒酸
前端·ai编程
xiaobaoyu13 小时前
vue2+element开发中问题和解决方式
前端
KaMeidebaby13 小时前
卡梅德生物技术快报 | 核酸适配体文库测序:核酸适配体文库测序的技术原理、实验流程与数据解析
前端·网络·数据库·人工智能·算法
Hilaku13 小时前
为什么在 2026 年,MPA(多页面应用)正在悄悄复辟?
前端·javascript·程序员
幸福小宝13 小时前
eslint和prettier
前端
anyup13 小时前
终于在今天入选了 Gitee GVP,这真值得庆祝~
前端·uni-app·开源
幸福小宝13 小时前
husky和lint-staged
前端
Slice_cy14 小时前
Mint 自研框架设计与实现:从重复开发走向配置驱动(五)
前端·后端·架构
寒水馨14 小时前
Windows下载、安装 Tailwind CSS-v4.3.3(附安装包tailwindcss-windows-x64.exe)
前端·css·前端开发·tailwind css·utility-first·css 框架·独立 cli