CSS | @font-face 规则

简介

在 CSS 中，@font-face 规则定义了一种自定义字体的方法，它可以让开发者使用非系统预装的字体，实现更好的可视化效果。

语法

@font-face 规则的语法如下：

@font-face {
    font-family: fontName;
    src: url(fontFileUrl);
}

其中，fontName 是自定义字体的名称，fontFileUrl 是自定义字体文件所在的 URL。

使用

定义字体

定义字体需要遵循以下步骤：

1. 准备字体文件，可为常见文件格式（如 .ttf、.woff、.svg 等）。
2. 添加 @font-face 规则到 CSS 文件或