字重 什么是字体设计或者说字体的“字重”

html-css08

字重 什么是字体设计或者说字体的“字重”,第1张

字重(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的外观。

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

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

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

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

font-weight:bold//bold是字加粗

font-weight:normal//normal是普通粗细字体

其他的font-weight属性IE不支持

是@font-face,语法如下: @font-face {  

  [ font-family: <family-name> ] ||

  [ src: [ <url> [ format(<string>#) ]? | <font-face-name> ]# ] ||

  [ unicode-range: <urange># ] ||

  [ font-variant: <font-variant> ] ||

  [ font-feature-settings: normal | <feature-tag-value># ] ||

  [ font-variation-settings: normal | [ <string> <number>] # ||

  [ font-stretch: <font-stretch> ] ||

  [ font-weight: <weight> ] ||

  [ font-style: <style> ]

}

<family-name>就是家族体系名称,例如sans-serif无衬线字体。

取值

font-family    这里指定的字体名字将会被用于font或font-family属性,在元素的使用字体的字体名称就是这里设定的。

src                远程字体文件位置的URL或者用户计算机上的字体名称, 可以使用local语法通过名称指定用户的本地计算机上的字体( 例如src: local('Arial'))。 如果找不到该字体,将会尝试其他来源,直到找到它。

font-variant    字态

font-stretch    字体描边.

font-weight    字重

font-style       对于src所指字体的描述。如果所需字体符合描述,则采用本font-face所定义的字体。

unicode-range在该@font-face中定义的unicode字体范围

例子:用到了用户本地字体"Helvetica Neue Bold"的备份;如果当前用户(浏览器)未安装该字体(两种可能的字体名都已经试过),就会用下载的字体"MgOpenModernaBold.ttf"来代替:

@font-face {

  font-family: MyHelvetica

  src: local("Helvetica Neue Bold"),  local("HelveticaNeue-Bold"),  url(MgOpenModernaBold.ttf)

  font-weight: bold

}