[CSS] 文字サイズを指定する（font-size）

2019年9月7日

文字サイズを指定するには、「font-size」を使用します。

指定できる値には以下の３種類があります。

• 文字サイズを数値で指定する
• 文字サイズをキーワードで指定する
• 文字サイズを割合（％）で指定する

文字サイズを数値で指定する

数値指定では、ピクセル指定とem指定ができます。

例）文字サイズを18ピクセルにする

【結果】

これは18pxです。

【サンプル】

例）文字サイズを1.5emにする

【結果】

1.5em

【サンプル】

文字サイズをキーワードで指定する

xx-small、x-small、small、medium、large、x-large、xx-large の７サイズがあります。
実際のサイズはブラウザにより異なります。

例）文字サイズをx-largeにする

【結果】

これは x-large です。

【サンプル】

文字サイズを割合（％）で指定する

文字サイズを「％」で指定できます。（100%が標準サイズ）

例）文字サイズを250%にする

【結果】

これは 250% です。

【サンプル】