CSS字体

CSS字体是一个重要的CSS属性，用于定义HTML元素的文本字体样式，包括字体类型、大小、粗细、颜色等。

字体类型

CSS支持多种字体类型，包括serif、sans-serif、monospace、cursive、fantasy等。

/* 使用serif字体 */
font-family: "Times New Roman", Times, serif;

/* 使用sans-serif字体 */
font-family: Arial, Helvetica, sans-serif;

/* 使用monospace字体 */
font-family: "Courier New", Courier, monospace;

/* 使用cursive字体 */
font-family: cursive;

/* 使用fantasy字体 */
font-family: fantasy;

字体大小

CSS可以使用绝对值、百分比和相对值来定义字体大小。

/* 使用绝对值定义字体大小 */
font-size: 16px;

/* 使用百分比定义字体大小 */
font-size: 120%;

/* 使用相对值定义字体大小 */
font-size: larger;

字体粗细

CSS通过font-weight属性定义字体的粗细程度，通常取值为normal、bold、lighter、bolder。

/* 使用normal字体粗细 */
font-weight: normal;

/* 使用bold字体粗细 */
font-weight: bold;

/* 使用lighter字体粗细 */
font-weight: lighter;

/* 使用bolder字体粗细 */
font-weight: bolder;

字体颜色

CSS使用color属性定义字体颜色，可以使用十六进制、RGB或者预定义颜色名称。

/* 使用十六进制定义字体颜色 */
color: #333333;

/* 使用RGB定义字体颜色 */
color: rgb(51, 51, 51);

/* 使用预定义颜色名称定义字体颜色 */
color: red;

字体样式

CSS包含常用字体样式，包括italic斜体、oblique倾斜、underline下划线、line-through删除线、overline上划线等。

/* 使用italic斜体 */
font-style: italic;

/* 使用oblique倾斜 */
font-style: oblique;

/* 使用underline下划线 */
text-decoration: underline;

/* 使用line-through删除线 */
text-decoration: line-through;

/* 使用overline上划线 */
text-decoration: overline;

以上就是CSS字体的一些常用属性和样式，可以根据需要自行调整。

参考链接

• CSS字体属性