メニュー

CSS

TOP_PAGEへ

フォント

フォントの指定
font-family : (フォントファミリー名);
フォントを指定します。
複数設定する場合は,(カンマ)で区切ります。
閲覧側に指定したフォントが無い場合、そのフォントでは表示されません。
フォントのサイズ指定
font-size : (サイズ);
フォントのサイズを指定します。
pxやemといった数値の他に下の記号での指定もあります。
xx-small
x-small
small(Windows標準)
medium
large
x-large
xx-large
その他、一段階小さくする「smaller」と逆の「larger」があります。
フォントの太さ指定
font-weight : (太さ);
フォントの太さ指定します。
下記のサンプルをご覧下さい。
font-weight: 400
font-weight: normal
font-weight: 500
font-weight: 600
font-weight: bold
font-weight: 700
font-weight: 800
font-weight: 900
「400」と「normal」、「700」と「bold」は同じ太さになります。
フォントを斜体
font-style : (スタイル);
フォントを斜体にします。
下記のサンプルをご覧下さい。
font-style: italic
font-style: oblique
通常は「italic」を使用しましょう。
フォントをまとめて指定
font : (斜体) (太さ) (サイズ)/(行間) (フォント名)
フォントスタイルををまとめて指定します。
サイズと行間の区切りは「/」で他の値は半角スペースで区切ります、 「行間」についてはテキストを参照して下さい。