テキスト・フォント

「font-family」プロパティ

「font-family」プロバティは、文字のフォント種類を指定するCSSプロバティです。
フォント種類は「MS ゴシック」「MS 明朝」「sans-serif」などの値を指定することができますが、ユーザーのデバイスにインストールされていないフォントは表示されず、他のフォントが使用されます。

「font-family」プロバティの値

文字のフォント種類は「フォント名」「serif」「sans-serif」「cursive」「fantasy」「monospace」などの6種類の汎用フォントの値を指定することができますが、左から優先順位の高い方から低い方へ、フォントのリストを指定します。ブラウザにより、インストールされていないフォントがあるため、各ブラウザに対応できる代替フォントを入寮しておく必要があります。
※複数のフォントの種類を指定することができ、指定した順番で最初に利用可能なものが使用されます。

「font-family」プロバティの指定方法

文字のフォント種類を指定する場合は、「font-family」プロバティを使い適応する値を指定することで実装できます。

「font-family」プロバティ
セレクタ{
font-family;文字のフォント種類;
}
値例
フォント・ファミリー値一覧
フォント・ファミリー 表示例
Arial Arial
Arial Black Arial Black
Book Antiqua Arial
Century Arial
Century Gothic ABCDE 12345 あいうえお
Comic Sans MS ABCDE 12345 あいうえお
Courier ABCDE 12345 あいうえお
Courier New ABCDE 12345 あいうえお
Franklin Gothic ABCDE 12345 あいうえお
Georgia ABCDE 12345 あいうえお
Helvetica ABCDE 12345 あいうえお
Impact ABCDE 12345 あいうえお
Lucida Console ABCDE 12345 あいうえお
Lucida Sans Unicode ABCDE 12345 あいうえお
Palatino Linotype ABCDE 12345 あいうえお
Sylfaen ABCDE 12345 あいうえお
Tahoma ABCDE 12345 あいうえお
Times ABCDE 12345 あいうえお
Times New Roman ABCDE 12345 あいうえお
Trebuchet MS ABCDE 12345 あいうえお
Verdana ABCDE 12345 あいうえお
Yu Gothic ABCDE 12345 あいうえお
游ゴシック ABCDE 12345 あいうえお
游ゴシック体 ABCDE 12345 あいうえお
Yu Mincho ABCDE 12345 あいうえお
游明朝 ABCDE 12345 あいうえお
游明朝体 ABCDE 12345 あいうえお
YuMincho ABCDE 12345 あいうえお
Meiryo ABCDE 12345 あいうえお
メイリオ ABCDE 12345 あいうえお
MS PGothic ABCDE 12345 あいうえお
MS PMincho ABCDE 12345 あいうえお
MS Gothic ABCDE 12345 あいうえお
MS Mincho ABCDE 12345 あいうえお
Arial unicode ms ABCDE 12345 あいうえお
MS Sans Serif ABCDE 12345 あいうえお
MS Serif ABCDE 12345 あいうえお
HiraKakuProN-W3 ABCDE 12345 あいうえお
ヒラギノ角ゴ ProN W3 ABCDE 12345 あいうえお
HiraKakuProN-W6 ABCDE 12345 あいうえお
ヒラギノ角ゴ ProN W6 ABCDE 12345 あいうえお
HiraMinProN-W3 ABCDE 12345 あいうえお
ヒラギノ明朝 ProN W3 ABCDE 12345 あいうえお
HiraMinProN-W6 ABCDE 12345 あいうえお
ヒラギノ明朝 ProN W6 ABCDE 12345 あいうえお
HiraKakuProN ABCDE 12345 あいうえお
ヒラギノ角ゴ ProN ABCDE 12345 あいうえお
HiraMinProN ABCDE 12345 あいうえお
ヒラギノ明朝 ProN ABCDE 12345 あいうえお
SimSun ABCDE 12345 あいうえお