初心者のスタイルシート(CSS)講座:フォントファミリー

font-family
 フォントを指定する

【フォントファミリーの指定方法】
font-family:フォント名(またはキーワード);

フォント名・・・フォント名は具体的な名称でしていします。フォントの名称にスペースがある場合は、引用符の「'」か「"」で囲まなければいけません。また、文字の全角や半角も含めて正しく記述する必要があります。

キーワード・・・キーワードはよく似たフォントをカテゴリ分けしたフォントです。実際に表示する時にはブラウザに依存して、カテゴリ内からフォントが1種類選ばれます。

 キーワードとキーワードのカテゴリのフォント
serif・・・・・・・ Times New Roman|Garamond|MS Georgia|太ミン|リュミン|MS明朝
sans-serif・・・Helvetica|MS Arial|MS Verdana|平成角ゴシック|新ゴシック|MSゴシック
cursive・・・・・caflisch script|exponto
fantasy・・・・・critter|studz
monospace・・Courier|MS Courier New|Osaka-等幅

 キーワードによるフォント指定は、フォント名によるフォント指定が無効なときの最終的な手段なので、フォントを指定しておくのがよいです。また、複数のフォント指定ができますので、複数指定する場合は「,」で区切ってフォント指定してください。

フォントファミリーの設定例です。
font-family: Arial, Helvetica, sans-serif;