@font-faceとfont-displayを使用してCSSでカスタムフォントを定義する方法
序章
@font-face
は、カスタムフォントを定義するために使用されるCSSアットルールです。 @font-face
を使用して、CSSファイルと同じサーバーでホストされているフォントファイルへのパスを指定します。 このルールはかなり前から存在していましたが、新しいプロパティfont-display
があり、これにより新しいレベルの読み込みオプションが提供されます。
このチュートリアルでは、人気のあるオープンソースフォントであるRoboto Mono