フォントの指定方法

使用するフォントは、font要素face属性、またはスタイルシートのfont-familyプロパティで指定することができます。

face属性で指定する場合
フォント名による指定が可能です。
font-familyプロパティで指定する場合
フォントの大まかな種類とフォント名による指定が可能です。

無指定の場合

フォントの指定がない場合は、ブラウザに設定されたデフォルトのフォントが使用されます。

デフォルト

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

  • 大きい方のサンプル文字は、文字サイズ200%+太字に設定してあります。

フォントの大まかな種類で指定した例

スタイルシートで指定する場合は、次のようにフォントの大まかな種類で指定することができます。

  • 使用されるフォントは、ユーザーの環境により異なる場合があります。

sans-serif (ゴシック体系)

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

serif (明朝体系)

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

cursive (筆記体系)

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

fantasy (装飾系)

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

monospace (等幅系)

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

フォント名で指定した例

フォント名で指定した場合の表示例です。

  • 指定したフォントがインストールされていない場合は、デフォルトのフォントで表示されます。

MS ゴシック

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

MS Pゴシック

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

MS 明朝

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

MS P明朝

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ホームページ制作情報タグインデックス

ホームページ制作情報タグインデックス

Arial

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Century

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Century Gothic

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Comic Sans MS

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Courier

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Courier New

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Impact

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Symbol

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Times New Roman

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ

Verdana

ABCDEFG HIJKLMN OPQRSTU VWXYZ

ABCDEFG HIJKLMN OPQRSTU VWXYZ