HTMLタグ/タグの基本と参考資料/フォントの表示例

表示されるフォントは、font要素のface属性、またはスタイルシートのfont-familyプロパティで指定することができます。（指定方法に関する詳細は、リンク先のページをご覧ください。）

■face属性による指定
フォント名による指定が可能です。

■font-familyプロパティによる指定
フォントの種類とフォント名による指定が可能です。

どちらの場合も、見る人の環境にそのフォントがインストールされていなければ、指定したとおりのフォントでは表示されません。（以下の表示例でも同様です）

フォントを指定しない場合は、ブラウザに設定されたデフォルトのフォントで表示されます。

【標準】

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

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

これは、どの系統のフォントで表示させるのかを指定するものなので、見る人の環境によっては表示されるフォントは異なります。

【sans-serif】 ゴシック体系

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【serif】 明朝体系

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【cursive】 筆記体系

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【fantasy】 装飾系

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【monospace】 等幅系

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

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

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

【ＭＳゴシック】 Windows 日本語フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【ＭＳＰゴシック】 Windows 日本語フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【ＭＳ明朝】 Windows 日本語フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【ＭＳＰ明朝】 Windows 日本語フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

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

【Arial】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Century】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Century Gothic】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Comic Sans MS】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Courier】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Courier New】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Impact】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Symbol】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

【Times New Roman】 英文フォント

ABCDEFGHIJKLMNOPQRSTUVWXYZ

フォントの表示例

フォントの指定方法

無指定の場合の表示例

フォントの種類を指定した場合の表示例

フォント名を指定した場合の表示例