以下にフォントサイズのサンプルを示します。ブラウザのフォントサイズをいろいろ変えてみて、変化を確認してください。

フォント・サイズ（H1編：サイズ固定）

<style type="text/css">
h1 { font-size: 18pt; }
</style>

フォント・サイズ（H2編：サイズ固定）

<style type="text/css">
h2 { font-size: 14pt;}
</style>

フォント・サイズ（P編：サイズ固定）

<style type="text/css">
p { font-size: 10.5pt; }
</style>

フォント・サイズ（small編１：サイズ比率）

<style type="text/css">
small { font-size: 0.5em; }
</style>

フォント・サイズ（small編２：サイズ相対）

<style type="text/css">
p.small { font-size: smaller; }
</style>

フォントがだんだん大きくなります。[xx-small]

フォントがだんだん大きくなります。[x-small]

フォントがだんだん大きくなります。[small]

フォントがだんだん大きくなります。[medium]

フォントがだんだん大きくなります。（スタイルなし）

フォントがだんだん大きくなります。[large]

フォントがだんだん大きくなります。[x-large]

フォントがだんだん大きくなります。[xx-large]