@font-face怎么用

@font-face是CSS中的一个规则，用于定义自定义字体。通过使用@font-face规则，可以将自定义字体文件加载到网页中，并在网页中使用这些字体。

使用@font-face的步骤如下：
1. 首先，准备好自定义字体文件。通常情况下，需要提供字体文件的不同格式，以便在不同的浏览器中都能正常显示。常见的字体格式包括TrueType（.ttf或.ttf）、OpenType（.otf或.otf）、Web Open Font Format（.woff或.woff2）等。
2. 在CSS样式表中使用@font-face规则。例如：

   @font-face {
     font-family: 'MyFont';
     src: url('path/to/font.ttf') format('truetype');
   }

这里的`font-family`是自定义字体的名称，`src`指定了字体文件的路径和格式。
3. 在需要使用自定义字体的元素上应用该字体。例如：

   .my-text {
     font-family: 'MyFont', sans-serif;
   }

这里的`.my-text`是一个类选择器，将自定义字体应用于具有该类的元素。

需要注意的是，字体文件的路径应该根据实际情况进行调整，确保能够正确加载字体文件。