Regular、Normal、Medium、Light 对应的font-weight值

开发中设计师所出的设计图描述字重的地方往往是这样的：

如上2图描述字重的地方用的是Regular，知道这对应的font-weight值是多少吗？

字体粗细：‘font-weight’属性
名称： font-weight
取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
初始： normal
适用于：    所有元素
继承： 是
百分比：    （不适用）
媒介： 视觉
计算值：    详见描述
动画： -
‘font-weight’属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。
其值的意义如下：
100至900
这些有序排列中的每个值，表示至少与其起身拥有相同黑度的重量。其大致符合下列通用重量名称：
100 - Thin
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)normal、regular与'400'相同。
bold与'700'相同。
bolder指定外观的重量大于继承的值。
lighter 指定外观的重量小于继承的值。

详见W3C Fonts节章的规范标准

Regular、Normal、Medium、Light 对应的font-weight值相关推荐

【Flutter 问题系列第 34 篇】Normal、Regular、Medium、Bold 对应的 font-weight 值
这是[Flutter 问题系列第 34 篇],如果觉得有用的话,欢迎关注专栏. 一:前序目前处理原型图我用过 Adobe XD 和蓝湖,我们知道在 CSS 中,Normal 对应的字重是 400 ...
html 字体思源_css设置文字思源雅黑，分为medium, regular, light
html引入思源黑体通过Link标签在网页头部引用Google Web Font: 字体:Noto Sans SC 大小:100, 300, 400, 500, 700, 900 在需要使用思源黑体 ...
matplotlib的Text、FontProperties对象、字体（font）属性|中文字体的设置|图像标题、label字体的设置
matplotlib.text.Text对象见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...
真正了解@font face里font-weight的作用
详细了解@font-face使用规则可以去看张鑫旭的文章真正了解CSS3背景下的@font face规则我们这里只重点强调@font-face里font-weight,font-style的用法,因 ...
Medium 内部使用 css/less 的代码风格指南
本文讲的是Medium 内部使用 css/less 的代码风格指南, Medium 对代码风格使用了 LESS 的一种严格子集.这个子集包含变量和混合指令,但是没有别的(嵌套等等). Medium 的 ...
创建一个字体wx.Font
字体是类wx.Font的实例.构造函数如下: wx.Font(pointSize, family, style, weight, underline=False,faceName="&quo ...
Android 添加中文medium字体
2.1 Android字体显示框架图 Android显示字体medium字体主要流程: a).View布局文件或者代码中选择medium字体 b).Framework根据View设置的字体选择相应me ...
自定义Font Icon
前段时间在<@font-face制作Web Icon>一文收集了三种webfont通过CSS3的@font-face来制作Icon图标.现在在网上最为流行的是@robmadole和@sup ...
Glyph 26426 missing from current font.解决matplotlib画图中文字体乱码问题
1. 问题复现环境:Ipython 3.8 import matplotlib.pyplot as plt import pandas as pddata = pd.read_csv('/Users ...

Regular、Normal、Medium、Light 对应的font-weight值

Regular、Normal、Medium、Light 对应的font-weight值相关推荐

最新文章

热门文章