文字サイズ指定による差異視認表 font-size


スタイルシートは、「cssセレクター」又はhtml「 style="font-size:**"」を前提としています。
「font」は、htmlコード(タグ)での、廃止が予定されています。css(スタイルシート)では今後も仕様さあれてゆきます。
(上記の事由により、<font size="+1">、<font size="90%">、という指定は紹介しておりません)
モニターの表示性能の種類により画面上での大きさは変化します。
Windowsにくらべて、Macでは、文字が小さく見えます。ただし差異は、モニターの状態によります。

以下のhtml定義は表中の作例であります。
大見出し h1

文字サイズ

html
中見出し h2

文字サイズ

html
小見出し h3

文字サイズ

html
指定無し   文字サイズ  
絶対数値指定ここから      
pt {font-size: 10pt; } 文字サイズ  
px {font-size: 12px; } 文字サイズ  
相対数値指定ここから      
em {font-size: 1em; } 文字サイズ  
ex {font-size: 1.8ex; } 文字サイズ  
% {font-size: 98%; } 文字サイズ  
% {font-size: 120%; } 文字サイズ  
キーワード指定ここから      
xx-small {font-size: xx-small; } 文字サイズ  
x-small {font-size: x-small; } 文字サイズ  
small {font-size: small; } 文字サイズ  
medium {font-size: medium; } 文字サイズ  
large {font-size: large; } 文字サイズ  
x-large {font-size: x-large; } 文字サイズ  
xx-large {font-size: xx-large; } 文字サイズ  

Writed by ピュアパルス