`@font-face` 是 CSS（层叠样式表）中的一个规则，用于在网页上嵌入或引用外部字体。通过这个规则，开发者可以指定网页上使用非标准的字体，而不需要依赖用户的浏览器默认字体。这对于设计具有独特外观和感觉的网站非常有用。
基本语法如下：
```css
@font-face {
font-family: 自定义字体名称; // 定义在样式表中使用的字体名称
src: 字体文件的路径; // 指定字体文件的路径
}
```
例如：
```css
@font-face {
font-family: 'MyCustomFont'; // 使用自定义名称命名字体
src: url('path_to_my_custom_font.woff2') format('woff2'), // 指定字体文件的路径和格式
url('path_to_my_custom_font.woff') format('woff'); // 为了兼容性，可以指定多种格式
}
```
之后，在CSS中，你就可以使用这个自定义的字体名称来指定某个元素的字体样式，如：
```css
div {
font-family: 'MyCustomFont'; // 使用自定义的字体名称来设置div的字体样式
}
```
注意几点：
1. `@font-face` 可以嵌入多种字体格式，如 `.woff`、`.woff2` 等。为了兼容性，通常建议提供多种格式。`.woff` 和 `.woff2` 是比较流行的字体格式，因为它们压缩了字体文件的大小并保持了良好的兼容性。
2. 使用外部字体时，要确保字体文件的路径是正确的，并且服务器上的字体文件是可访问的。否则，浏览器将无法加载字体。此外，使用外部字体时还要注意性能问题，因为额外的HTTP请求可能会影响到页面的加载速度。所以建议使用字体优化工具进行压缩和优化。