CSS干货系列（三）字体

最新推荐文章于 2022-09-23 07:09:43 发布

原创最新推荐文章于 2022-09-23 07:09:43 发布 · 724 阅读

CC 4.0 BY-SA版权

文章标签：

4 篇文章

订阅专栏

4 篇文章

订阅专栏

本文详细介绍了CSS中的字体属性，包括字体家族(font-family)、字体风格(font-style)、小型大写字母(font-variant)、字体大小(font-size)及字体粗细(font-weight)等，并提供了具体的属性值说明。

1.字体属性，font-family

为元素提供候选的先后顺序列表，{font-family: Times, TimesNR, 'New CenturySchoolbook',Georgia, 'New York', serif;}

2.字体风格，属性 font-style ，最常用于规定斜体文本。属性有三个值：normal- 文本正常显示；italic - 文本斜体显示；oblique - 文本倾斜显示。

3.小型大写字母。

font-variant 属性可以设定小型大写字母。比如，font-variant:small-caps;

4.字体大小，font-size，建议使用em单位，1em等于当前的字体尺寸。

5.字体粗细，font-weight，默认值normal，标准字符。bold粗体字符；bolder更粗的字符；lighter更细的字符；inherit继承父元素粗细。

属性	描述
font	简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family	设置字体系列。
font-size	设置字体的尺寸。
font-style	设置字体风格。
font-variant	以小型大写字体或者正常字体显示文本。
font-weight	设置字体的粗细。