本文讲解"如何使用CSS3设置字体样式"，希望能够解决相关问题。
-
font-family 属性
font-family 是最基本的字体属性之一，它定义了文本结构采用的字体名称。这种属性可以接受一系列采用决策的字体名称。它包括被称为“万能字体”的字体名称。设置方法如下：
font-family: "Times New Roman", Georgia, Serif;
在上面的例子中, 首先会尝试加载 "Times New Roman" 这个字体, 如果该字体无法加载，就尝试加载 Georgia，再次无法加载就会加载默认的Serif字体。
-
font-style 属性
font-style 属性用于设置文本的字族样式。CSS3单独提供了斜体字的特性。当设置该属性值为 "italic" 时，文本就会被以斜体展示。设置方法如下：
font-style: italic;
-
font-weight 属性
font-weight 属性用于定义文本的粗细。基于设备的字体，可能会支持一组不同的"粗细"，并且具体的实现会有所不同。常用的设置值有 normal、bold 和 bolder。设置方法如下：
font-weight: bold;
-
font-size 属性
font-size 属性用于定义文本的文本大小。字号可以以像素、em或百分比的形式表示。像素是固定的管道，它们不会随着宿主容器的改变而改变。该属性值可以用数值线、相对值、绝对值三种方式定义。设置方法如下：
font-size: 16px;
-
font-variant 属性
font-variant 属性用于定义字母的大小写字样式。将该属性值设置为 "small-caps" 可以使字舒适。设置方法如下：
font-variant: small-caps;
-
font 属性
在一些情境中，你可能需要同时设置字体的多个属性，例如字体大小、字体、粗细和字体样式。这时候你可以直接使用 font 属性，把这些属性分别用斜杆"/"分割开，设置方法如下：
font:italic bold 16px Arial, sans-serif;
在上面的例子中, 文字采用了斜体样式、粗体、16像素的字体大小，字体家族包括 Arial 以及后备 sans-serif 字体。
关于 "如何使用CSS3设置字体样式" 就介绍到此。希望多多支持米米素材网。
发表评论