常见设计稿字体对应字重font-weight大小

在拿到 UI 设计稿时，可以经常看设计稿中常见的字体有 PingFangSC-Regular、PingFangSC-Medium、PingFangSC-Bold，并不会直接给我们 font-weight 的值。在这我们就需要知道常见字体和 font-weight 的对应关系

Pingfang SC 有六个字重，设计师经常会用 Pingfang SC Medium 字体，大概很多人会忽略它，直接设 font-weight: bold，但是对于 Pingfang SC 字体，设成 bold 其实变成了 Pingfang SC Semibold，Pingfang SC Medium 的字重是 500。

详细可以看 font-weight 的介绍传送门

font-weight 属性执行字体中字形的重量，这取决于黑度等级或笔划粗细，其值的意义如下：

这些有序排列中的每个值，表示至少与其起身拥有相同黑度的重量。其大致符合下列通用重量名称：

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)

常见设计稿字体对应字重font-weight大小相关推荐

mac微软雅黑字体_【字体字重】常见设计稿字体对应字重
总结如下: Font-weight就是字形的重量,就是粗不粗.在和程序员对接设计的过程中,发现前端大佬很多该加粗的地方都没有加粗,由此顺藤摸瓜,发现前端大佬们在看标注时,都不知道Pingfang的me ...
字体家族、字体和字重
一.字体家族字体家族(Font Family)指定了使用哪一个字体家族来渲染文本.字体家族是一组字体,设计时考虑到联合使用并表现相似.家族中的一员可以是斜体,另一个是粗体,另一个是紧缩或使用小的大写 ...
移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题
移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题参考文章: (1)移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题 (2)https://ww ...
html还原ui,前端高度还原设计稿（字体篇）
前言: 以前前端都是拿到psd设计图,需要自己用ps切图,需要自己在psd上面一个个去量设计的大小和间距,而现在一般都是要求设计师把设计稿直接上传到蓝湖上面,通过蓝湖的标注来写出前端代码!下面我就前端 ...
设计的字重与前端的font-weight
字重(weight),是指相对于字高度的笔画粗细(stroke width)程度. 一个字体(typeface)的某个字型(font)的字重常常至少4-6个,其中正常与黑体几乎是必备的: 100 - ...
低代码开源，一键设计稿生成代码，帮您解决生产痛点
作为一个前端或管理者,您是否遇到过以下场景作为前端老鸟照样需要写页面布局,虽然你已经写了无数遍,但是效率和三年前的你差别不大项目死亡线越来越近,而你还得出页面/组件, 无法专注于业务逻辑你已经费 ...
移动开发之设计稿转换页面单位尺寸
在写这篇文章之前,我询问了在唯品会和腾讯的童鞋.以及公司里面前端大神(深哥),对于设计稿切图的详细方法,经过对比验证,得出设计稿转换页面单位尺寸方法步骤.我分别询问下面四个问题: 1. 设计稿的单位是 ...
马克鳗（美术设计稿标注工具）
下载地址:http://www.getmarkman.com/ 使用它可以方便的输出美术设计稿上标注相应界面元素的大小,颜色,边距,说明等.个人感觉非常棒核心功能长度标记坐标和矩形标记色值标记 ...
ui设计移动端字体适配_UI设计稿中常见的单位及移动端适配
一.pt 在我们的设计稿中,经常看到以pt单位来标注的稿子,那么pt究竟是个什么单位?其实pt是用于印刷行业用来表示字体大小的单位,也叫做磅,用过word设置字体的应该不会陌生,它是一个绝对长度,为1 ...
用html在黑色背景中写蓝色的字,一般设计中常见黑色背景可搭配字体颜色有（）...
一般设计中常见黑色背景可搭配字体颜色有() 更多相关问题冷色的皮肤是偏()色的底调牵引变电所向接触网正常供电的方式有两种:单边供电和( 从键盘上按顺序输入两个整数(输入时用一个空格分隔)给变量x, ...

常见设计稿字体对应字重font-weight大小

常见设计稿字体对应字重font-weight大小相关推荐

最新文章

热门文章