スタイルシートリファレンス > font-family

スタイルシートリファレンス font-family


font-family フォントの種類を指定する (IE3/N4)

フォントの種類を指定します。

カンマ(,)で複数記述すると、指定したフォントが無ければ次のフォントが採用されます。

フォント名にスペースが含まれている場合には("")か('')で囲みます。

▲ページ先頭へ

使用例 font-family

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
.smp1 {
font-family: "MS ゴシック",sans-serif;
}
.smp2 {
font-family: "MS 明朝",serif;
}
-->
</style>
</head>
<body>
<br>
<p class="smp1">このように表示されます(MS ゴシック)</p>
<p class="smp2">このように表示されます(MS 明朝)</p>
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示


このように表示されます(MS ゴシック)


このように表示されます(MS 明朝)


▲ページ先頭へ

関連項目【フォント】

font
フォントの指定をまとめて行う
font-style
フォントスタイルを指定する
font-variant
大文字にする
font-weight
フォントの太さを指定する
font-size
フォントのサイズを指定する
font-family
フォントの種類を指定する
font-stretch ※
フォントの幅を指定する
font-size-adjust ※
フォントの高さと幅の比率を指定する
line-height
行の高さを指定する

▲ページ先頭へ

スタイルシートリファレンス > font-family