ここ数年で、ウェブフォントを利用するサイトを目にする機会が多くなってきました。今ご覧になっているセブンシックスのサイトも、2016年2月時点ではウェブフォントを利用しています。ウェブフォントの指定方法に関する記事はいたるところで見かけますので、そこに書かれている通りにやれば問題ありません。でも、ウェブ制作者たるもの、言葉ではなく心で理解する必要があります。丁度、2016年1月にIE8のサポートが切れましたので、ここらで一回、CSSのウェブフォント指定についてきちんと考えてみたいと思います。 ウェブフォント指定の2ステップ ウェブフォントの指定方法はカンタンです。 CSSの@font-faceルールを使って新しいfont-familyを定義する。 ウェブフォントを適用したい箇所に新しく定義したfont-familyを指定する。 上記のたった2ステップです。具体的なCSSの記述は以下のようにな