単位によって、ユーザーがブラウザの表示メニューから文字の大きさを指定した時に、ユーザーの好みの大きさに変更できるかどうかも変わる。通常は変更できるように％やemのを使っていきたい。単位を決める前に、このページでブラウザの表示メニューから文字の大きさを選んでみよう。単位の違いがすぐわかるはず。
％指定 ブラウザの文字基準サイズに対する％の値。
| 90% | 95% | 100% | 110% |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
em指定 ブラウザの文字基準サイズを1emとした時の値。
font-size: 0.9em
| 0.9em | 0.95em | 1em | 1.1em |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
ブラウザ相対指定 ブラウザの種類によって、表示される文字の大きさが変わる可能性があります。
font-size: medium
xx-small < x-small < small < medium < large < x-large < xx-large
| x-small | small | medium | large |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
pt指定 PT単位の値。
| 10pt | 11pt | 12pt | 14pt |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
px指定 ピクセル単位の値。
| 10px | 12px | 15px | 17px |
|---|---|---|---|
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |
雨にも負けず風にも負けず |