フォントファミリー

cssのfont-familyプロパティで書体を設定することができますが、ローカル(閲覧するパソコン)にその書体がインストールされていないと別の書体で代用されてしまいます。適用したい順に書体をカンマ(,)区切りで列記していきます。最後にフォントファミリーを記述します。書体は全角やスペースなどが含まれることがあるのでそれらはクォーテーションで挟みます。

情報は書体によらず等価の内容が伝わるものと考えればフォントの指定はしないのがよいかもしれません。

フォントファミリー

serif
装飾の施されたもの。日本では明朝体など。現在のブラウザの serif family は、この書体です。
sans-serif
装飾の無いもの。日本ではゴシック体など。現在のブラウザの sans-serif family は、この書体です。
cursive
cursive(筆記体)。草書体のようなものです。現在のブラウザの cursive family は、この書体です。
fantasy
装飾がメインのもの。現在のブラウザの fantasy family は、この書体です。
monospace
等幅のフォント。現在のブラウザの monospace family は、この書体です。

主なフォント

閲覧環境によってはここで指定しているフォントがインストールされていない可能性があります。その時はブラウザ指定のフォントで代用されて表示されます。

当サイトの指定

当サイトの指定
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;
fontにより違う123

serif系

Georgia
fontにより違う123
MS P明朝
fontにより違う123
MS 明朝
fontにより違う123
Times New Roman
fontにより違う123

sans-serif系

Arial
fontにより違う123
Arial Black
fontにより違う123
Impact
fontにより違う123
MS Pゴシック
fontにより違う123
MS ゴシック
fontにより違う123
MS UI Gothic
fontにより違う123
Verdana
fontにより違う123

cursive系

Comic Sans MS
fontにより違う123
HG正楷書体-PRO
fontにより違う123

fantasy系

Modern
fontにより違う123

monospace系

Courier
fontにより違う123
Courier New
fontにより違う123
Lucida Console
fontにより違う123

w3cのfont-family