初心者のスタイルシート(CSS)講座:フォントサイズ

font-size
 フォントのサイズを指定する

【フォントサイズの指定方法】
font-size:値

サイズの数値+単位 サイズを表す数値に単位をつけてフォントサイズを指定します。
数値+単位(%) 親要素のフォントサイズに対する割合で指定します。
キーワード

フォントサイズを7種類のキーワードで指定します。
(下記参照)

キーワード
(相対的な指定)
親要素のフォントサイズに対する相対的な大きさを指定します。
   larger 親要素に対し1段階大きく
   smaller  親要素に対し1段階小さく

【フォントサイズのキーワード】
 フォントサイズのキーワードには7種類あります。以下で実際に表示してみましょう。

xx-small・・・非常に小さい
x-small・・・・小さい
small・・・・・・やや小さい
medium・・・・・普通のサイズ
large・・・・・・やや大きい
x-large・・・・大きい
xx-large・・・非常に大きい

 フォントサイズを数値+単位で指定する場合には、ブラウザでフォントの大きさを調節できないという点です。ユーザビリティに欠ける場合があります。