css中多个字体如何设置

在 CSS 中，可以通过使用 `font-family` 属性来设置多个字体。当第一个字体不可用时，浏览器会自动尝试下一个字体，直到找到可用的字体为止。

例如，如果要设置 Arial、Helvetica 和 sans-serif 三种字体，可以按照以下方式设置：

font-family: Arial, Helvetica, sans-serif;

其中，逗号分隔的每个值代表一个字体名称，浏览器会按照从左到右的顺序依次尝试这些字体。如果浏览器找不到第一个字体（例如用户的电脑上没有安装这种字体），则会尝试使用下一个字体。直到找到一个可用的字体为止。

相关问题

css添加多个字体文件

在CSS中，可以通过`@font-face`规则来添加多个字体文件。

例如，以下代码会添加两个字体文件：Open Sans Regular和Open Sans Bold。

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Regular.ttf') format('truetype'),
       url('fonts/OpenSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/OpenSans-Bold.ttf') format('truetype'),
       url('fonts/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

注意，两个字体文件的`font-family`属性值都是相同的，这是因为它们都是Open Sans字体的不同变体。然而，它们的`font-weight`属性值是不同的，一个是normal，一个是bold，以便在需要时应用正确的字体变体。

在使用时，可以像这样指定字体：

body {
  font-family: 'Open Sans', sans-serif;
}

如果用户的浏览器支持Open Sans字体且已下载了字体文件，则会使用该字体。否则，将使用备用字体（在这种情况下是sans-serif）。

CSS样式中设置字体的语法

在CSS中设置字体的语法如下：

selector {
  font-family: font-name, serif/sans-serif/cursive/fantasy/monospace;
  font-size: size;
  font-weight: normal/bold;
  font-style: normal/italic/oblique;
}

- `selector`：CSS选择器，用于指定需要应用样式的HTML元素。
- `font-family`：用于设置字体的名称，可以指定多个字体名称，以逗号分隔。如果第一个字体不存在，则会尝试使用下一个字体。
- `font-size`：用于设置字体的大小，可以使用像素、百分比、em等单位。
- `font-weight`：用于设置字体的粗细，可以取值为normal（默认值）或bold。
- `font-style`：用于设置字体的样式，可以取值为normal（默认值）、italic（斜体）或oblique（倾斜）。