在本教程中，我们将学习CSS字体样式属性。

字体系列font-family

我们使用font-family属性来更改文本系列。

在下面的示例中，我们将字体系列设置为Arial。

p {
	font-family : Arial;
}

这是一个示例段落。

我们还可以设置多个字体系列，使用逗号分隔它们。

在下面的示例中，我们将字体系列设置为Helvatica，Arial，" Lucida Grande"。

p {
	font-family : "Lucida Grande", Helvatica, Arial;
}

这是一个示例段落。

注意！如果字体系列名称在单词之间有一个空格，则我们将该名称括在引号中。

当我们使用多个字体系列名称时，浏览器将检查第一个字体，如果不可用，则将移至下一个字体，依此类推。
如果找不到字体，则浏览器将使用其默认字体。

字体大小

我们使用font-size属性来设置字体的大小。
这可以取单位长度(cm，mm，px等)，百分比(10％等)的值。

在下面的示例中，我们将font-size设置为30px。

p {
	font-size : 30px;
}

这是一个示例段落。

字体样式

我们使用font-style属性来设置文本的样式，例如normal，italic和oblique。

在下面的示例中，我们将字体样式设置为斜体。

p {
	font-style : italic;
}

这是一个示例段落。

字体粗细

我们使用font-weight属性来设置文本字符的粗细。

此属性的值可以为100、200，...，900。
其中100是最薄的，而900是最厚的。

在下面的示例中，我们将font-weight设置为100(细)。

p {
	font-weight : 100;
}

这是一个示例段落。

字体变体

我们使用font-variant属性以小写字体显示文本。
这意味着所有小写字母都将转换为大写字母，但字体较小。

该属性可以采用两个值" none"和" small-caps"。

在下面的示例中，我们将font-variant设置为small-caps。

p {
	font-variant : small-caps;
}

这是一个示例段落。

字体简写

我们可以使用font属性将这些属性组合在一起。

字体：字体样式字体变体字体粗细字体大小/行高字体家族；

单击此处获取CSS文本教程。

p {
	font : italic small-caps 100 30px/40px Helvatica, Arial;
}

这是一个示例段落。