Web 字体用于允许在 CSS 中使用未安装在本地系统上的字体。选择未安装的字体后，只需在Web服务器上包含字体文件，需要时会自动下载。
句法：
@font-face {
font details
}
字体格式的类型：有许多类型的字体格式，如下所示：
- TrueType 字体 (TTF)：无论是使用 Microsoft 操作系统还是 Mac 操作系统，最常用的字体格式是 TrueType。这是微软和苹果在 1980 年代后期开发的字体标准。 TrueType 字体将每个字形描述为一组路径。路径是指使用点和特定数学指定的闭合曲线。例如，小写的“i”有两条路径，一条用于点，一条用于其余部分。像素用于填充路径以创建最终的字母形式。 TrueType 字体格式的优点是字形是可缩放的，这意味着它可以设置为任何比例和任何磅值。
- OpenType 字体 (OTF)： OpenType 是一种基于 TrueType 构建的字体格式。 OpenType 字体格式由 Microsoft 和 Adobe 开发，但它是 Microsoft 的注册商标。 OpenType 字体中的布局功能是按脚本和语言组织的，这允许单个字体在同一个脚本中支持多种书写系统。 OpenType 字体格式实现了更好地保护字体数据、更广泛的多平台支持等目标。
- Web 开放字体格式 (WOFF)： WOFF 是一种字体格式，用于由 Mozilla 于 2009 年与 Type Supply、LettError 和其他组织合作开发的网页。 WOFF 基本上是带有压缩和附加元数据的 OpenType 或 TrueType。 WOFF 的目标是支持在带宽受限的网络上从服务器到客户端的字体分发。 WOFF 有两个版本，即 WOFF 和 WOFF2，它们的主要区别在于所使用的压缩算法。它们分别由“woff”和“woff2”格式描述符描述。
- SVG 字体/形状： SVG 代表可缩放矢量图形。当首次指定 SVG 时，大多数 Web 浏览器并不完全支持 Web 字体。但是为了正确渲染文本，后来在 SVG 中添加了一种字体描述技术来提供这种能力。它提供了在渲染时将字形信息嵌入到 SVG 中的方法。
- 嵌入式 OpenType 字体 (EOT)：嵌入式 OpenType 文件格式由 Microsoft 开发。 EOT 字体是一种紧凑形式的 OpenType 字体，可用作网页上的嵌入字体。它的设计目的是使 TrueType 和 OpenType 字体能够链接到网页以供下载，从而使用用户所需的字体呈现网页。
字体描述符：可以在@font-face 规则中定义描述符。我们现在将解释不同类型的字体描述符。
- font-family：用于定义字体的名称。它是网络字体函数所必需的。
- src：用于定义我们从中获取字体的 URL。与 font-family 一样， src 也是必需的。除了这两个字段，其余的描述符都是可选的。
- font-stretch：用于查找字体应该如何拉伸。 Normal 是默认值。不同的字体拉伸值是正常、压缩、半压缩、超压缩、超压缩、扩展、半扩展、超扩展和最后超扩展。
- font-style：用于定义不同风格的字体。可以设置的不同样式是倾斜的，默认样式是正常的。
- font-weight：可以使用此描述符定义字体的权重。 font-weight 的默认值是“normal”。粗体的不同值是正常的、粗体的，我们也可以以 100 为增量给出 100-900 范围内的数值。
示例 1：此示例说明了 Web 字体的使用。
GeeksForGeeks
A computer science portal for geeks.
Great Geek's font face example.
输出： 
示例 2：此示例说明了 Web 字体的使用。
GeeksForGeeks
A computer science portal for geeks.
Great Geek's font face example.
输出： 