フォントサイズ一覧表
現在のフォントサイズに対して、目標のフォントサイズは何%、もしくは何emになるかを計算します。
数値はおおよその目安です。
また、line-heightを設定するとline-heightが何pxになるのかと、half-leadingも割り出します。
half-leadingが小数になる場合は、行の上部には切り捨てた数値が、行の下部には切り上げた数値が入ります。多分。
青背景が目標のフォントサイズになり、そこから前後10pxを表示しています。。10px未満はブラウザで表示できないので計算していません。
設定
現在のフォントサイズ
px
目標のフォントサイズ
px
line-height
base | px | % | em | line-height | half-leading | |
---|---|---|---|---|---|---|
16px | 100% | 1em | 1em | 1em |
CSS三角形作成
種類
向き
上