font-familyプロパティ

値

次のようなフォントを設定することができます。

• Serif
• Sans-serif
• Monospace
• Cursive
• Fantasy
• Times New Roman
• Verdana
• Courier

パターン1

上記フォントの指定例です。

CSSコード例

.sample_css1 .text1 {
	font-family: serif;
}
.sample_css1 .text2 {
	font-family: sans-serif;
}
.sample_css1 .text3 {
	font-family: monospace;
}
.sample_css1 .text4 {
	font-family: cursive;
}
.sample_css1 .text5 {
	font-family: fantasy;
}
.sample_css1 .text6 {
	font-family: times;
}
.sample_css1 .text7 {
	font-family: verdana;
}
.sample_css1 .text8 {
	font-family: courier;
}

表示例：

パターン2

上記以外にも、日本語でよく使われる「明朝フォント」などを指定することが可能です。

フォント名に半角スペースが入る場合は「’（シングルクォーテーション）」や「”（ダブルクォーテーション」で囲って指定します。

CSSコード例

font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;

表示例：

こちらの記事は役に立ちましたか？

コメントありがとうございます！
運営の参考にさせていただきます。