フォントファミリー
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