css - 特定のユースケース向けにCSSのサイトで使用可能なカスタムフォントファミリを作成する

Question

<span> </ span>タグ内で、それらのタグ内でのみ使用でき、サイト全体では使用できないカスタムフォントファミリを作成するにはどうすればよいですか？

私の最終的な目標は、サイトの特定の領域内でこれを使用できるようにすることであり、他の場所では使用できないようにすることです。

Answer 1

スパンにクラスを与え、それにfont-familycssプロパティを割り当てます。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;
}