フォントサイズ

フォントサイズ

相対的な大きさと絶対的な大きさって何？

相対的な大きさではブラウザで文字のサイズを変更すると文字の大きさが変わりますが、絶対的な大きさでは変わりません。ブラウザがInternet Explorerならツールバーの「表示」→「文字のサイズ」で変更して、下の文字の大きさが変わるか試してみよう。

※フォントの種類によって大きさが変わってくるのでご注意ください。このページではかなり大きめになっています。下には一般的によく使われるものをのせています。

※ブラウザによって標準サイズは異なるので注意が必要です。

相対値指定

■medium

xx-largex-largelargemediumsmallx-small

ブラウザの文字サイズの小、中、大などに対応しています。mediumが標準ではなく、smallが標準サイズのブラウザがあるので注意が必要です。

■%

パーセントはモニタの大きさに依存します。

■em

2.5em2em1.5em1em0.5em0em

絶対値指定

■px

20px18px16px14px12px10px

モニタの解像度が640×480という場合、縦が640ピクセルで横が480ピクセルという意味になります。ピクセルは画素のことで写真の大きさもピクセル単位であらわします。table width="720"などと指定した場合も720はピクセルをあらわすので絶対的なサイズ指定でホームページを作るときピクセルは使われます。

■pt

16pt14pt12pt10pt8pt6pt