如何在CSS中使用自定义字体？

在CSS中使用自定义字体需要遵循以下步骤：

1. **链接外部字体文件**：
- 将字体文件（通常是`.ttf`, `.otf`, 或 `.woff`格式）上传到你的服务器。
- 使用`@font-face`规则在CSS中引用字体，例如：

     @font-face {
       font-family: 'YourCustomFont';
       src: url('path/to/font.ttf') format('truetype');
       /* 可选的: 其他格式如woff, woff2 */
     }

确保URL指向正确的文件路径。

2. **在HTML中使用`:local()`或`font-display`属性**：
- 对于支持`font-display`属性的现代浏览器，你可以设置字体的显示方式（如预加载、交换等）：

     .your-class {
       font-family: 'YourCustomFont', Arial, sans-serif;
       font-display: swap; /* 更好的性能与优雅降级 */
     }

- 不支持`font-display`的浏览器，则可以使用`:local()`来确保本地字体的存在：

     @font-face {
       font-display: auto;
     }
     .your-class {
       font-family: local('YourCustomFont'), Arial, sans-serif;
     }

3. **适配不同设备和屏幕大小**：
- 根据需要提供备用字体，以防用户设备无法显示定制字体。

4. **测试和调试**：
使用浏览器的开发者工具检查字体是否成功加载，并在不同设备和浏览器上测试。