序章

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

このチュートリアルでは、人気のあるオープンソースフォントであるRoboto Mono