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

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


font フォントの指定をまとめて行う (IE3/N4)

フォントの指定(font-variant font-variant font-weight font-size line-height font-family)をまとめて行います。


スタイルを指定する font-style

normal
標準フォント:規定値
italic
イタリック体
oblique
斜体フォント


大文字にする font-variant

norma
標準フォント:規定値
small-caps
大文字


太さを指定する font-weight

数値で指定
100 200 300 400 500 600 700 800 900 標準の太さは400
normal
標準:規定値
bold
太字
bolder
一段階太くする
lighter
一段階細くする


サイズを指定する font-size

xx-small x-small small medium(規定値) large x-large xx-large

相対指定
larger smaller
絶対単位指定
1in 1cm 10mm 10pt
相対単位指定
10px 2em
割合指定
120%


高さを指定する line-height

絶対単位指定
1in 1cm 10mm 10pt
相対単位指定
10px 2em
割合指定
120%


種類を指定する font-family

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

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

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


font-sizeとfont-family以外は省略可能です。

高さを指定する場合には、サイズと/で区切って指定します。


px 画像を構成する最小単位 (モニタの解像度により変化)

em 文字の高さを1とした単位 (フォントサイズにより変化)

▲ページ先頭へ

使用例 font

font-variant,font-variant,font-weight,font-size,line-height,font-family全て指定します。

HTMLソース

<html>
<head>
<title>CSS テスト</title>
<style type="text/css">
<!--
BODY{
font: italic small-caps bold 150%/200% "MS 明朝";
}
-->
</style>
</head>
<body>
<br>
このように、<br>表示されます。<br>AaBbCcDd
</body>
</html>

▲ページ先頭へ

ブラウザ上の表示

このように、
表示されます。
AaBbCcDd

▲ページ先頭へ

関連項目【フォント】

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

▲ページ先頭へ

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