CSS3では「Webフォント」が導入され、Webサイトでのテキストの表示に、インターネット上のフォントを適用できるようになりました。ユーザーのフォント環境に依存せず、意図通りのフォントでサイトを表示できます。@font-face規則の意味と使い方、値の指定方法、サンプルコード、使用例について解説します。 @font-face 【 アットマーク・フォント・フェイス 】{ font-family 【 フォント・ファミリー 】 : フォント名; src 【 ソース 】 : フォントのURL フォントの形式; オプション; } @font-face規則は、Webフォントの利用を指定する@規則です。WebフォントはCSS3から導入された仕様で、テキストの表示にインターネット上のフォントを適用することを可能にします。 値の指定方法 フォント名 フォント名
![Webフォントの利用を指定する@font-face規則の使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd80ee2b487c87e780bee52073dfaa6d0db4a3e1/height=288;version=1;width=512/https%3A%2F%2Fdekiru.net%2Fupload_docs%2Fimg%2F35599.jpg)