怎样在CSS中引用WOFF2字体文件？

在CSS中引用WOFF2字体文件，你可以使用`@font-face`规则，这是一个内联样式声明，用于指定一个自定义字体供文档使用。以下是引用WOFF2字体的基本步骤：

1. 首先，创建一个包含WOFF2字体文件的URL路径，通常是相对路径或者绝对路径。例如，假设你的字体文件名为 `my-font.woff2`，放在 `fonts/` 文件夹下，路径就是 `/fonts/my-font.woff2`。

2. 使用 `@font-face` 规则定义字体，添加如下内容到 CSS 文件中：

@font-face {
  font-family: 'My Custom Font'; /* 字体名称 */
  src: url('/fonts/my-font.woff2') format('woff2'), /* 指定WOFF2格式 */
       url('/fonts/my-font.ttf') format('truetype'); /* 如果有TTF格式备用 */
  font-weight: normal;
  font-style: normal; /* 可选，如果字体支持变体 */
}

这里，`src` 属性指定了字体文件的来源，并且包含了WOFF2格式。如果浏览器不支持WOFF2，它将尝试后面的TTF格式。

3. 然后，在要应用该字体的地方，只需引用刚才定义的字体家族名称即可：

body {
  font-family: 'My Custom Font', Arial, sans-serif;
}

记住，为了确保兼容性，最好提供一些默认字体作为备选项。