フォントファミリーを指定する 【font-family】
ブラウザで表示した時の見え方
ソースサンプル
【CSS】
.family {
font-family: "Comic Sans MS",Georgia,sans-serif
}
【HTML】
<div class="family">Comic Sans MS</div>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- フォント名にスペース（半角スペース）がある場合は、フォント名を「"」ダブルクォーテーショか「'」シングルクォーテーションで囲んで指定します。そのままだと適用されない場合があります。
- 複数のフォントファミリーを指定する場合は、「"Comic Sans MS","Arial Black"」のように記述してください。
- 以下に代表的なフォントファミリーを挙げておきます。
Arial
Arial Black
Comic Sans MS
Courier
Courier New
Georgia
Impact
Times New Roman
MS UI Gothic 【あいうえお】
ＭＳ Ｐゴシック 【あいうえお】
ＭＳ Ｐ明朝 【あいうえお】
- フォントファミリーを、種類をあらわすキーワードで指定しておくこともできます。指定したフォントファミリーが表示されない場合の選択肢として、出来るだけ指定するようにしましょう。このキーワードは引用符で囲まないでください。
| sans-serif | ゴシック系のフォント 【あいうえお】 |
| serif | 明朝系のフォント 【あいうえお】 |
| cursive | 筆記体、草書体系のフォント 【あいうえお】 |
| fantasy | 装飾的なフォント 【あいうえお】 |
| monospace | 等幅フォント 【あいうえお】 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
CSS
-
フォントファミリーを指定する