字体regular,medium,bold对应的font-weight值

最新推荐文章于 2024-11-13 19:51:48 发布
原创 最新推荐文章于 2024-11-13 19:51:48 发布 · 1.5k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css3 #前端

本文介绍了在CSS中，如何使用regular,medium,bold这些术语来对应font-weight属性的不同权重值，帮助开发者理解和运用字体粗细控制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

regular 对应 font-weight:300
medium 对应 font-weight:500
bold 对应 font-weight:600

【Flutter 问题系列第 34 篇】Normal、Regular、Medium、Bold 对应的 font-weight 值
“Allen Su”的博客
07-14 4617
Normal、Regular、Medium、Bold 对应的 font-weight 值
前端学习＜三＞CSS进阶——03-网页设计和开发中，那些困扰大神的关于字体的知识
——心比天高，仗剑走天涯，保持热爱，奔赴向梦想！低调，谦虚，自律，反思，成长，还算是比较正能量的博主，公益免费传播……内心特别想在AI界做出一些可以推进历史进程影响力的东西(兴趣使然，有点小情怀，也有点使命感呀)…
04-02 1422
我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中真实遇到的，都是需要开发同学和产品经理、设计师不断重复沟通的。字体真的只是“系统默认，无从解释”这么简单吗？是产品被忽悠？还是开发在敷衍？二者之间的博弈究竟谁能胜出？学会本文，你就能胜出。注意，系统默认的 normal 字重是400；加粗的 bold 字重是700。1、Mac & iOS 平台的“苹方”字体的字重：（有6种粗细，
Regular、Normal、Medium、Light 对应的font-weight值
热门推荐
huch的博客
08-28 6万+
开发中设计师所出的设计图描述字重的地方往往是这样的： 如上2图描述字重的地方用的是Regular，知道这对应的font-weight值是多少吗？ 字体粗细：‘font-weight’属性 名称： font-weight 取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 8...
CSS font-weight 值对应（Regular、Normal、Medium、Light）
卡尔特斯
03-10 1万+
经常在开发中，给出的 UI，会有 字重，它对应（Regular、Normal、Medium、Light …）这些值，并不能直接看到 font-weight 对应的数值。 font-weight 属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。 取值范围：100 至 900，其大致符合下列通用重量名称： 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Regular (Normal、Book、Roman) 500 -..
字体文件名称成中的Bold, Light,Italic,Regular, Medium是什么意思？
学不会shader
11-01 5216
字体文件名称成中的Bold, Light,Italic,Regular, Medium是什么意思？
font-weight,
最新发布
03-14
`font-weight` 是用于设置字体粗细的 CSS 属性。其取值可以是关键字（如 `normal`, `bold`），也可以是数值（范围从 100 到 900，步长为 100）。其中，400 等价于 `normal`，而 700 等价于 `bold`[^3]。 #### 二、...
font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 3.0-Regular;是什么意思 AlibabaPuHuiTi-3-35-Thin.ttf AlibabaPuHuiTi-3-45-Light.ttf AlibabaPuHuiTi-3-55-Regular.ttf AlibabaPuHuiTi-3-55-RegularL3.ttf AlibabaPuHuiTi-3-65-Medium.ttf AlibabaPuHuiTi-3-75-SemiBold.ttf AlibabaPuHuiTi-3-85-Bold.ttf AlibabaPuHuiTi-3-95-ExtraBold.ttf AlibabaPuHuiTi-3-105-Heavy.ttf AlibabaPuHuiTi-3-115-Black.ttf我应该引入哪个
03-13
总结来说，用户需要根据设计需求选择需要的字重，然后为每个字重创建对应的@font-face规则，指定正确的font-family名称、font-weight值和字体文件路径。这样在CSS中使用font-family和font-weight时，浏览器会自动...
7、前端开发：CSS知识总结——字体样式
ydc222的博客
09-10 642
字体样式
font-weight 对应ps中的粗细
Bright2017的博客
04-29 1550
light 对应font-weight值为100~300， regular对应font-weight值为400， medium对应font-weight值为500， bold一般对应600或700， black对应font-weight值为800， ultrablack对应font-weight值为900 ...
3.5 字体粗细font-weight
mmsx2017的博客
03-18 1527
一、font-weight属性 在CSS中，使用font-weight属性来定义字体粗细。 字体粗细和字体大小（font-size）是不一样的，粗细指的是字体的“肥胖”，大小指的是高和宽。 语法： font-weight:粗细值; font-weight属性值 说明 normal 默认值，正常体 lighter 较细 bold 较粗 bolder 很粗（其实效...
sketch中Regular、Normal、Medium、Light 对应的font-weight值
zeroyulong的博客
11-08 4122
‘font-weight’属性执行字体中字形的重量，这取决于黑度等级或笔划粗细。 其值的意义如下： 100至900 这些有序排列中的每个值，表示至少与其起身拥有相同黑度的重量。其大致符合下列通用重量名称： 100 - Thin 200 - Extra Light (Ultra Light) 300 - Light 400 - Normal 500 - Medium 600 - S...
常见设计稿字体对应字重font-weight大小
yinhaijing_ss的专栏
11-13 1211
Pingfang SC 有六个字重，设计师经常会用 Pingfang SC Medium 字体，大概很多人会忽略它，直接设 font-weight: bold，但是对于 Pingfang SC 字体，设成 bold 其实变成了 Pingfang SC Semibold，Pingfang SC Medium 的字重是 500。原文链接：https://blog.csdn.net/zwkkkk1/article/details/100107380。这些有序排列中的每个值，表示至少与其起身拥有相同黑度的重量。
CSS font-weight字重数值及对应的字重描述词语
weixin_44443380的博客
05-10 1146
2、此外，还有一些关键字可以用于。1、以下是一些常见的。
CSS字体样式（font）[详细]
这个人好有趣....hh
02-22 3万+
font-family：设置字体； font-style：设置字体的风格，例如倾斜、斜体等； font-weight：设置字体粗细； font-size：设置字体尺寸； font-variant：将小写字母转换为小型大写字母； font-stretch：对字体进行伸缩变形（使用较少，并且主流浏览器都不支持）； font：字体属性的缩写，可以在一个声明中设置多个字体属性。
字体家族、字体和字重
gao_zhennan的博客
10-05 3930
本文介绍字体家族和字体的相关概念
UI写的font-weight对应的数值
weixin_45663702的博客
05-17 5076
在实际工作中，我们前端一般根据UI设计图来还原页面效果，而UI通常会在字重（font-weight）写上Regular、Normal、Medium、Light。。。我们肯定是需要将它转换为对应的数值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值