font-familyプロパティ

font-familyプロパティに指定できる値

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

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

以降は、font-familyプロパティを使用するコード例と表示例になります。

font-familyプロパティの使用例1

font-familyプロパティで上記フォントを指定するコード例です。

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;
}

表示例：

font-familyプロパティの使用例2

font-familyプロパティは日本語でよく使われる「明朝フォント」を指定することが可能です。

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

CSS コード例

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

表示例：