设计的字重与前端的font-weight

字重（weight），是指相对于字高度的笔画粗细（stroke width）程度。

一个字体（typeface）的某个字型（font）的字重常常至少4-6个，其中正常与黑体几乎是必备的：

100 - 淡体 Thin ( Hairline )

200 - 特细 Extra-light ( ultra-light )

300 - 细体 Light

350 - 次细 Demi-Light

400 - 标准 Regular ( normal / book / plain )

500 - 适中 Medium

600 - 次粗 Demi-bold / semi-bold

700 - 粗体 Bold

800 - 特粗 Extra-bold / extra

900 - 浓体 Black ( Heavy )

950 - 特浓 Extra-black ( Ultra-black )

扩展资料

使用并非九阶的缩放比例的字体格式应当将其缩放比例映射到CSS缩放比例，使得400大致符合将会标为Regular、Book、Roman的外观；700大致符合将会标为Bold的外观。

或者从样式名推断其重量，使其大致符合上述宽度比例。缩放比例是相对的，所以一个拥有较大重量的外观不可能更轻。如果样式名被用于推断重量，则e79fa5e98193e4b893e5b19e31333431363631应当着重处理与本地化信息交叉的样式名称中的变种。

通常一个特定的字体家族仅会包含少数的可用重量。若一个重量所指定的字形不存在，则应当使用相近重量的字形。

通常，较重的重量会映射到更重的重量、较轻的重量会映射到更轻的重量（精确定义参见下面的字体匹配章节）。

参考资料：W3C - CSS3字体模块

设计的字重与前端的font-weight相关推荐

mac微软雅黑字体_【字体字重】常见设计稿字体对应字重
总结如下: Font-weight就是字形的重量,就是粗不粗.在和程序员对接设计的过程中,发现前端大佬很多该加粗的地方都没有加粗,由此顺藤摸瓜,发现前端大佬们在看标注时,都不知道Pingfang的me ...
字体家族、字体和字重
一.字体家族字体家族(Font Family)指定了使用哪一个字体家族来渲染文本.字体家族是一组字体,设计时考虑到联合使用并表现相似.家族中的一员可以是斜体,另一个是粗体,另一个是紧缩或使用小的大写 ...
重学前端学习笔记（三十六）--Flex 布局
笔记说明重学前端是程劭非(winter)[前手机淘宝前端负责人]在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专 ...
容器必须设置宽度吗_UI设计必须要具备的前端知识
UI设计师和前端通常是一个是艺术出身,一个是技术出身.却因为工作不得不经常面对面坐在一起,为各种问题纠缠不清. 前端总觉得设计太过理想主义,稿子里很多构想根本不完整,还以各种理由给自己找麻烦.设计总觉 ...
安卓微软雅黑字体ttf_618巨献丨精致的悦黑5字重小字体
===悦黑字体简介=== 去年双十一当天,小编应大家要求,分享了一款悦黑小字体,苹果和安卓都有: 双十一巨献:令人瑟瑟发抖的5字重悦黑小字体大半年时间过去了,一直没有更新,今天抽空更新一下.悦黑是由 ...
重学前端学习笔记（十三）--浏览器工作解析（三）
笔记说明重学前端是程劭非(winter)[前手机淘宝前端负责人]在极客时间开的一个专栏,每天10分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入winter的专 ...
学生个人单页面网页作业学生网页设计成品静态HTML网页单页制作 dreamweaver网页设计与制作代码 web前端期末大作业
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
安卓中的 Medium 字重
关于安卓字体,ui的设计稿上是不是经常出现,这样的字重 Medium, 但是textview 中找了半天也没有啊,于是打开百度,面向百度编程. 找了一些字体,直接贴代码吧,xml文件,直接复制过去, ...
重学前端-总结：前言，从今天起，重新理解前端
前言大家好,最近在极客邦克购买一门重学前端的课程,在博客进行总结,将一些知识分享出来. 前端发展史:从青铜到黄金时代 2006 年开始,那会儿前端还处于史前的"青铜时代",甚至网 ...

设计的字重与前端的font-weight

设计的字重与前端的font-weight相关推荐

最新文章

热门文章