Font

＠font-faceとは @font-faceは、CSSでWebフォントを指定するためのルールです。 @font-face { font-family: ExampleFont; src: url(/path/to/fonts/examplefont.woff) format("woff"), url(/path/to/fonts/examplefont.eot) format("eot"); font-weight: 400; font-style: normal; font-display: fallback; } Webフォントはインターネット上から読み込んで利用するフォントのことで、ユーザーがフォントをインストールしていなくても、指定したフォントを表示させることができます。

はじめに フリーフォントなどをサーバーにアップロードしてWeb表示に使用する方法のメモです。 カスタムフォントを使用する CSSの@font-faceを使用すると、カスタムフォントをWeb表示に使用できるようになります。 以下、/fontsディレクトリーにカスタムフォント（customfont.woff2、customfont.woff）をアップロードして表示に使用するサンプルです。