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

Question

如何创建可在＆lt; span＆gt;＆lt; / span＆gt;内使用的自定义字体系列标签，只在那些标签内，而不是在网站范围内？

我的最终目标是能够在网站的特定区域内使用此功能，而不是在其他任何区域使用。

Answer 1

为span指定一个类并为其指定font-family css属性，IE：

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

然后在你的CSS中：

.specialFont {
    font-family: verdana;
 }

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

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

.specialFont { 
     font-family: CustomFont;
}