CSS如何引用自定义字体文件？

在CSS中，引用自定义字体文件通常使用`@font-face`规则。这个规则允许你定义一个全新的字体，无论它是否内置在用户的设备上。以下是引用自定义字体的基本步骤：

1. **定义字体**: 首先，在`.css`文件中创建一个新的`@font-face`规则，例如：

   @font-face {
     font-family: 'YourCustomFont'; /* 字体名称 */
     src: url('path/to/font.ttf'); /* 指定字体文件路径 */
     /* 可选的其他属性如: 
        font-weight: normal; /* 字体权重 */
        font-style: italic; /* 字体风格 */
     }
   }

2. **使用字体**: 然后，你可以像引用预定义字体一样使用这个新定义的字体，比如为某个元素设置`font-family`属性：

   .your-class-or-element {
     font-family: 'YourCustomFont', /* 如果用户电脑没有这个字体，则尝试系统默认字体 */
       sans-serif; /* 或者其他替代字体 */
   }

确保字体文件的URL路径是相对于CSS文件的位置，或者是一个网络地址，以便浏览器能够访问。