常见字重名称和font-weight值对照

最新推荐文章于 2024-05-10 11:15:50 发布
最新推荐文章于 2024-05-10 11:15:50 发布
阅读量3.4k 收藏 2
点赞数
分类专栏： Css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43106115/article/details/116260220
版权

100 - Thin(Hairline)
200 - Extra Light (Ultra 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)

mac微软雅黑字体_【字体字重】常见设计稿字体对应字重
weixin_39719042的博客
12-04 7297
总结如下：Font-weight就是字形的重量，就是粗不粗。在和程序员对接设计的过程中，发现前端大佬很多该加粗的地方都没有加粗，由此顺藤摸瓜，发现前端大佬们在看标注时，都不知道Pingfang的medium是表示加粗的属性，另外，前端也不知道medium到底是加了多少的字重，没有一个可供参考的具体数值。目前通用的字体字重(font-weight)名称如下:100 - Thin200 - ...
CDISC的ADaMIG (V1.2) 中英文对照【4】_第四章（上）实施问题，标准解决方案和示例
PTDCDISC的博客
10-08 3495
本AdaMIG (v1.2)来自CDISC官网以下链接： https://www.cdisc.org/standards/foundational/adam/adam-implementation-guide-v1-2-release-package 由于篇幅限制，分上下。 4 Implementation Issues, Standard Solutions, and Examples 4 实施问题，标准解决方案和示例 The ADaM standard variables (colu.
通用字体重量对应的font-weight值
吃太多会胖哦的博客
01-25 7378
字体粗细：‘font-weight’ 属性 名称： font-weight 取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 初始： normal 适用于： 所有元素 继承： 是 百分比： （不适用） 媒介： 视觉 计算值： 详见描述 动画： - ‘...
UI写的font-weight对应的数值
weixin_45663702的博客
05-17 4895
在实际工作中，我们前端一般根据UI设计图来还原页面效果，而UI通常会在字重（font-weight）写上Regular、Normal、Medium、Light。。。我们肯定是需要将它转换为对应的数值。
font-weight 对应ps中的粗细
Bright2017的博客
04-29 1521
light 对应font-weight值为100~300， regular对应font-weight值为400， medium对应font-weight值为500， bold一般对应600或700， black对应font-weight值为800， ultrablack对应font-weight值为900 ...
解决font-weight：600在安卓机不生效的方法
热门推荐
weixin_42125732的博客
01-13 1万+
1 解决font-weight：600在安卓机不生效的方法 按照UI设计图给的 font-weight:600 直接设置，发现苹果机是字体是加粗的，安卓机没有变化，改成 font-weight:bold 就好了
字体regular,medium,bold对应的font-weight值
qq_26889291的博客
01-02 1403
字体regular,medium,bold对应的font-weight值
项目总结-关于字体加粗问题
时清云的博客
07-15 1万+
近期，在开发一个h5页面的时候遇到了这样一个关于文字加粗的问题，我设置了 <p style=“font-weight :600;”>100万代金卷</p> 结果在安卓手机上 100加粗了，‘万代金卷’却没有变化，ios手机上都是加粗的。why？ 难道还存在兼容性问题？ ...
CSS样式(规则)定义对话框中英文对照.pdf
10-04
- `font-weight`: 定义字体的粗细程度，常见的属性值有`normal`、`bold`、`lighter`和数字值如`700`。 - `font-variant`: 通常用于定义小型大写字母，以及其他字体变化。 2. 文本样式属性 - `text-transform`: ...
js控制CSS样式属性语法对照表
10-27
最后是文本相关的标签和属性，包括`font-family`、`font-size`、`font-style`、`font-weight`等。在JavaScript中这些属性同样会用驼峰命名法，比如`fontSize`、`fontStyle`和`fontWeight`。 以下是一些属性对照的...
JavaScript CSS Style属性对照表
04-07
- `font-weight` - **JavaScript属性**： - `font` - `fontFamily` - `fontSize` - `fontStyle` - `fontVariant` - `fontWeight` #### 七、文本属性 **1. 文本排版属性** - **CSS属性**： - `letter-...
VBA编程常用词汇英汉对照表
weixin_30900589的博客
09-01 1303
表 20‑1到表 20‑8是VBA编程中使用频率最高的英文单词，按字母排序。词性列中，a表示形容词，n表示名词，v表示动词，p表示介词以及其他词性。 表 20‑1 VBA编程常用词汇表 单词 中文 词性 单词 中文 词性 单词 中文 词性 Absolute 绝对 ...
CSS学习3（字体）
exialym的博客
06-11 448
字体系列 这是最乱的地方，几乎所有的字体都有多种名字。同种字体的不同风格（斜体，加粗等等）也有不同的名字，为了解决这个问题，CSS使用font-family表示一个系列的字体，包括这种字体的各个风格。
Regular、Normal、Medium、Light 对应的font-weight值
静如雪的博客
02-14 5886
字体粗细：‘font-weight’属性 名称： font-weight 取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 初始： normal 适用于： 所有元素 继承： 是 百分比： （不适用） 媒介： 视觉 计算值： 详见描述 动画： - ‘...
深入了解font-weight
凹凸实验室
11-08 3500
问题提出font-weight的属性值有100、200、300、400、500、600、700、800、900和normal、bold、lighter、bolder，它们的区别是？另外，在实际开发中，我们应该使用数值表达还是文字表达呢？认识font-weight根据W3C Fonts节章的规范标准，可知：font-weight可取值：100～900和normal、bold、bolder、light...
CSS font-weight字重数值及对应的字重描述词语
weixin_44443380的博客
05-10 871
2、此外，还有一些关键字可以用于。1、以下是一些常见的。
CSS核心样式-01-字体属性与文本属性
m0_48670609的博客
06-29 4485
CSS常用样式——字体样式和文本样式
设计的字重与前端的font-weight
还想做MAD
05-08 3258
字重（weight），是指相对于字高度的笔画粗细（stroke width）程度。 一个字体（typeface）的某个字型（font）的字重常常至少4-6个，其中正常与黑体几乎是必备的： 100 - 淡体 Thin ( Hairline ) 200 - 特细 Extra-light ( ultra-light ) 300 - 细体 Light 350 - 次细 Demi-Light 4...
font-weight其他值不生效
最新发布
01-24
### CSS `font-weight` 属性某些值不生效的原因及解决方案 #### 浏览器默认样式影响 浏览器自带的用户代理样式表（user agent stylesheet）会为HTML元素提供默认样式。例如，`<b>`标签通常会被赋予加粗效果，即使页面CSS未显式定义此类样式[^1]。 当遇到特定权重如`600`无法正常工作的情况时，这可能是由于所使用的字体并不支持该级别的字重。并非所有的字体都涵盖了完整的`font-weight`范围(从100到900)，尤其是非衬线字体或一些特殊设计的字体可能缺少中间等级的支持[^2]。 为了确保自定义的`font-weight`能够正确应用： - **确认字体兼容性** 需要验证当前项目中加载的字体是否确实包含了期望设置的具体重量级别。如果目标字体仅提供了常规(`normal`)和粗体(`bold`)两种选项，则尝试使用介于两者之间的数值将不会产生预期的效果。 - **覆盖默认样式** 对于那些因继承了较高优先级的内建规则而未能响应设定的情形，可以通过提高外部施加样式的特异性或者利用`!important`声明强制执行新的格式化指令来解决问题。不过应当谨慎运用后者以免引发难以追踪维护的问题[^3]。 ```css /* 提升选择符特异度 */ p.thick { font-weight: bolder !important; } /* 或者更推荐的做法是调整整个文档流中的基础字体配置 */ body { font-family: 'Arial', sans-serif; /* 确认选用具备广泛字重支持的字体族 */ } ``` 通过上述方法可以有效处理大部分关于`font-weight`属性失效的现象，并且保持良好的跨平台一致性体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值