在 CSS 中， @font-face规则用于关联一个可以在样式表中使用的字体名称。在规则中使用字体系列描述符来命名字体，而 src 描述符与外部字体名称相关联。这可以与可下载字体一起使用。这个 CSS @font-face规则可以包含多个属性(最多 24 个)。
句法：
@font-face { font-family: fontname; src: url(fontfile path);
font-stretch: font-stretch Property; font-weight: font-weight Property;
font-style: font-style Property; }
参数： @font-face 规则接受上面提到的四个参数，如下所述：
- font-family:用来存放font-family。
- src：用于存放src文件路径(url)
- font-stretch：用于设置文本更宽或更窄。
- font-weight：用于保存字体粗细。
- font-style：用于保存字体粗细。
少量托管字体服务：此服务将为您提供各种类型的字体。
- 字体网
- 谷歌字体
- 排版
- 排版
还有很多其他的也可用，其中一些是付费的，有些是免费的。
示例 1：
CSS @font-face rule
GeeksforGeeks
A Computer Sciecne Portal fo Geeks
输出： 
示例 2：
CSS @font-face rule
GeeksforGeeks
A Computer Science Portal for Geeks
输出： 
注意：有五种字体格式，它们是：TTF/OTF、WOFF、WOFF2、SVG 和 EOT。
支持的浏览器： CSS支持的浏览器 | @font-face 规则如下：
- 谷歌浏览器(TTF/OTF、WOFF、WOFF2 和 SVG)
- Internet Explorer (TTF/OTF、WOFF 和 EOT)
- 火狐(TTF/OTF、WOFF 和 WOFF2 )
- Safari TTF/OTF、WOFF 和 SVG)
- Opera TTF/OTF、WOFF、WOFF2 和 SVG