在CSS中为特定用例在网站上创建可用的自定义字体系列

如何创建可在标记内部使用的自定义字体系列，并且只能在这些标记内部使用，而不能在站点范围内使用

---

我的最终目标是能够在站点的特定区域内使用它，而不是在其他任何地方使用它。

为span指定一个类，并为其指定字体系列css属性，即：

<span class="specialFont">Hello</span>

根据您的评论，要使用自定义字体，您可以使用此选项，但请记住，并非所有浏览器都支持此选项：

@font-face {
   font-family: CustomFont;
   src: URL('/fonts/myfont.otf'); 
}

.specialFont { 
     font-family: CustomFont;
}

---

如果字体族是非标准的，即自定义字体，我将如何定义该自定义字体族？这解释了跨度部分，但不是自定义字体系列的定义。Firefox、IE8+和/或Opera是否支持这一点？我想它们都支持，除了IE。。。（图）我会测试一下，然后再给你回复。这个支持真字体吗？

@font-face {
   font-family: CustomFont;
   src: URL('/fonts/myfont.otf'); 
}

.specialFont { 
     font-family: CustomFont;
}