Font(字体样式)
大约 2 分钟
来源:MDN-font
| 样式 | 含义 | 属性值 | 备注 |
|---|---|---|---|
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 | 字体族 | 尽量不要使用中文字体,如果必须使用中文可以将中文转换为Unicode字体 多个单词组成的字体必须使用双引号包围,多种字体必须使用逗号隔开 | |
font | 简写形式 | 书写顺序:font-style font-variant font-weight font-size/line-height font-family | font-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;
}