一、字体选取
CSS字体系列是指用于定义网页上字体的一系列CSS属性。其中最为基础的属性就是font-family，它用于指定字体名称或一系列备选的字体名称。也就是说，当指定的字体不可用时，会依次尝试备选字体，直到找到一个可用的字体为止。下面是一个例子：
font-family: Arial, sans-serif;
意思是在Arial字体不可用时，使用系统默认的sans-serif字体。常见的备选字体有serif、sans-serif、monospace、cursive和fantasy。可以使用逗号把多个字体名称隔开，如：
font-family: "Times New Roman", Times, serif;
其中，”Times New Roman”用了引号，因为它包含了空格。同时，还指定了备选字体Times和serif。
二、字体大小
字体大小可以使用font-size属性来设置。该属性的取值可以是以下之一：
- 绝对大小：像素(px)、点(pt)、毫米(mm)、厘米(cm)
- 相对大小：em、rem、%
下面是一个例子：
font-size: 16px;
上述代码表示字体大小为16像素(px)。还可以使用相对大小，如em和rem单位。em单位表示相对于当前元素的字体大小，而rem单位表示相对于根元素的字体大小。例如：
font-size: 1.2em; font-size: 1rem;
上述代码表示字体大小为父元素字体大小的1.2倍和根元素字体大小的1倍。
三、字体样式
CSS提供了font-style属性来设定字体样式，如斜体、粗体等。具体属性值如下：
- normal：常规字体
- italic：斜体字体
- oblique：倾斜字体
下面是一个例子：
font-style: italic;
上述代码表示将字体变成斜体。
四、字体粗细
CSS提供了font-weight属性来设定字体粗细。具体属性值如下：
- normal：正常粗细
- bold：加粗字体
- bolder：更加加粗字体
- lighter：更轻字体
- 100-900：数字表示
下面是一个例子：
font-weight: bold;
上述代码表示将字体加粗。
五、行高
行高是指行间距的大小。CSS提供了line-height属性来设定行高。line-height属性可以取绝对值和相对值，如px、em、%等。例如：
line-height: 1.5;
上述代码表示行高为字体大小的1.5倍。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/242120.html
微信扫一扫 
支付宝扫一扫 