現在のフォントサイズに対して、目標のフォントサイズは何%、もしくは何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

種類

向き

大きさ

プレビュー

コード