Css 简明教程

CSS - Font

CSS 字体允许使用各种与字体相关的属性来自定义网页的字体样式。在本教程中,我们将了解 CSS 中的字体样式。

What is CSS Font?

在 CSS 中,font 属性用于设置和调整网页中使用的文本类型。

你可以通过设置 * font-family, font-size, font-weight* 和 * font-style.* 属性来定义字体并自定它们的显示样式。你还可以使用 * font* 速记属性来操作所有字体样式。

Table of Contents

Types of Font Families

  1. Monospace Fonts: 每个字母都等宽的字体。

  2. Serif Fonts: 每个字母的边缘都有小冲程。

  3. San-Serif Fonts: 没有任何冲程的清晰字体。

  4. Fantasy Fonts: 装饰性的花式字体。

  5. Cursive Fonts: 类似于人手笔迹的字体。

Generic Font Family

Examples of Font Names

Serif

Times New RomanGeorgiaGaramond

Sans-serif

ArialVerdanaHelvetica

Monospace

Courier NewLucida ConsoleMonaco

Cursive

Brush Script MTLucida Handwriting

Fantasy

CopperplatePapyrus

Property

Description

Example

font-family

指定元素的字体。

Try It

font-size

指定字体的尺寸。

Try It

font-weight

指定字体的粗细。

Try It

font-style

指定字体的样式(普通、斜体、倾斜)。

Try It

font-variant

指定是否以小型大写字体显示文本。

Try It

line-height

Specifies the line height.

Try It