テキスト・フォント
「font-family」プロパティ
「font-family」プロバティは、文字のフォント種類を指定するCSSプロバティです。
フォント種類は「ＭＳ ゴシック」「ＭＳ 明朝」「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 あいうえお |
