在 HTML 中,文字字体样式的设置可以通过 CSS 实现,在 CSS 中有一些字体样式名称可以直接使用,这样就为我们设置文字样式提供了便利。
/* 字体族类名 */ font-family: Arial, sans-serif; /* 字体大小 */ font-size: 16px; /* 字体样式 */ font-style: italic; /* 字体粗细 */ font-weight: bold; /* 文本装饰 */ text-decoration: underline; /* 单词间距 */ letter-spacing: 2px;
上面列出的是常用的字体样式名称,下面分别介绍一下。
字体族类名
字体族类名指的是字体的种类,例如 Aria、Times New Roman 等。一般情况下在设置字体族类名的时候需要同时设置几个字体,这是为了防止在不同的操作系统中显示的字体不一致。
字体大小
字体大小就是我们所说的字号,可以通过像素值或 em 值指定字体大小。
字体样式
字体样式可以设置斜体、倾斜等特殊效果,一般有 normal 和 italic 两个可选值。
字体粗细
字体的粗细可以通过 font-weight 属性设置,常见的取值有 normal 和 bold。
文本装饰
文本装饰可以设置文字的下划线、删除线等装饰效果。
单词间距
通过 letter-spacing 属性可以设置单词之间的距离,这个属性在一些特殊场景下非常有用。
总的来说,CSS 的字体样式名称非常实用,但是需要注意的是在使用的时候要避免过度设置,以免对用户造成不良的影响。