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

Question

如何创建可以在 <span></span> 标签内使用的自定义字体系列，并且只能在这些标签内使用，而不是在站点范围内使用？

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

Answer 1

给 span 一个类并为其分配 font-family css 属性，即：

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

然后在你的CSS中：

.specialFont {
    font-family: verdana;
 }

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

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

.specialFont { 
     font-family: CustomFont;
}