1.安卓字体不能正常加粗

原因

移动端安卓支持的字体有限，因此设置 500 和 600 是无效的

解决方法

移动端和PC端的字体都设置成通用，即 font-weight: normal 或者 font-weight: bold;code
优势：这两个值各类字体均可以取到，兼容性好，改动简单
缺点：PC 端字体粗细没有明确划分，可能和设计图纸不一样（这个地方可以使用媒体查询，设置 bold）

/* 移动端设置通用加粗 */
@media screen and (max-width: 991.8px) {.div1, .div2, .div3{font-weight: bold;}
}/* PC端设置和设计相同的加粗 */
@media screen and (min-width: 991.8px) {.div1{font-weight: 500;}.div1{font-weight: 600;}.div1{font-weight: 700;}
}

2.ios中不能用font-weight 调节字体的粗细

原因

使用了font-family: PingFangSC-Medium; 在这个字体在font-weight下几乎没有字体变化而安卓由于没有这个字体库所以没有这个问题

关于font-weight不能正确展示字体粗细的问题记录相关推荐

【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
文章目录一. CSS 2.0手册使用 1. 按照文档层次查找 2. 搜索关键字查找文档二. font-weight 字体粗细设置 1. 语法简介 2. 代码示例三. font-style 字体斜 ...
Glyph 26426 missing from current font.解决matplotlib画图中文字体乱码问题
1. 问题复现环境:Ipython 3.8 import matplotlib.pyplot as plt import pandas as pddata = pd.read_csv('/Users ...
设置字体样式：字号大小，字体种类，字体粗细
font-size:字号大小 font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少.具体如 ...
CSS字体属性之字体系列、字体大小、字体粗细、字体样式以及字体的符合属性（基础详解）
目录 CSS字体属性字体系列字体大小字体粗细字体的符合属性字体属性的总 CSS字体属性 CSS字体属性之字体系列.大小.粗细以及文本样式字体系列 CSS使用font-family用于定义文 ...
第三章——字体属性，字号、字体、字体粗细、字体样式、字体连写
文章目录 3.1 常见字体系列 3.2 字体系列/字体类型 3.3 字体大小 3.5 字体粗细 3.6 文字样式 3.7 字体复合属性字体属性总结属性 font-size 字号单位为px像素,一 ...
CSS字体属性之字体粗细
CSS字体属性之字体粗细 <!DOCTYPE html> <html lang="en"><head><meta charset=&quo ...
安卓开发使用ttf文字_Android中正确使用字体图标(iconfont)的方法
字体图标字体图标是指将图标做成字体文件(.ttf),从而代替传统的png等图标资源. 使用字体图标的优点和缺点分别为: 优点: 1. 可以高度自定义图标的样式(包括大小和颜色),对于个人开发者尤其适 ...
gt designer2不能初始化字体管理器_Windows Terminal 1.1预览版发布：新增字体粗细、随开机启动等功能...
经历了数月的公开测试之后,微软于上月发布了 Windows Terminal 1.0 正式版.今天微软再次发布了 1.1 预览版更新,引入了包括字体粗细.随开机启动等诸多功能.Windows Term ...
字体系统之字体粗细(CSS、HTML)
字体系统之字体粗细(CSS.HTML) <!DOCTYPE html> <html lang="en"><head><meta chars ...

关于font-weight不能正确展示字体粗细的问题记录

1.安卓字体不能正常加粗

原因

解决方法

2.ios中不能用font-weight 调节字体的粗细

原因

关于font-weight不能正确展示字体粗细的问题记录相关推荐

最新文章

热门文章