跳至主要內容

Font(字体样式)

Weipeng Qiao大约 2 分钟

来源:MDN-fontopen in new window

样式含义属性值备注
font-style字体是否为斜体normal(不倾斜)
italic(斜体)找的是此字体设计者设计好的斜体字
oblique(斜体)强制斜体
font-variant字体否转换小型大写字母normal (不转换)
small-caps(转换为小型大写字母)
font-weight字体粗细400\normal(不加粗)
700\bold(粗体)
数值 100~900 之内都可以,依次从细到粗
font-size字体大小1.由于字体设计原因,文字最终呈现的大小,并不一定与 fot-size 的值一致,可能大,也可能小。例如:font-size 设为 40px,最终呈现的文字,可能比 40px 大,也可能比 40px 小。
2.通常情况下,文字相对字体设计框,并不是垂直居中的,通常都靠下一些。
如果您没有指定字体大小,则普通文本(如段落)的默认大小为 16px(16px = 1em)
font-family字体族尽量不要使用中文字体,如果必须使用中文可以将中文转换为Unicodeopen in new window字体
多个单词组成的字体必须使用双引号包围,多种字体必须使用逗号隔开
font简写形式书写顺序:font-style font-variant font-weight font-size/line-height font-familyfont-size 和 font-family 是必须有的参数,font-size 必须放在倒数第二位,font-family 必须放在末尾,其余参数可选。
.font-family {
  /* 表示设置字体为“微软雅黑” */
  font-family: "\5FAE\8F6F\96C5\9ED1";
  /* 如何用户设备没有“Times New Roman”字体,则使用后面定义的字体代替 */
  font-family: "Times New Roman", Times, serif;
}

.font {
  font: italic small-caps bold 12px/30px Georgia, serif;
  /* 行高为字体的1.5倍(12*1.5) */
  font: italic small-caps bold 12px/1.5 Georgia, serif;
  font: 22px Georgia;
}
上次编辑于:
贡献者: qiaoweipeng