unitone v15.6.0 の概要

機能追加

• カスタムフォントサイズを設定したときも「流体タイポグラフィ」化できるように変更
• 「流体タイポグラフィ」が有効化されている場合、エディター上でも line-height が流動的に変化するように変更
• unitone の各ブロックに「ハーフレディング」の設定を追加

カスタムフォントサイズを設定したときも「流体タイポグラフィ」化できるように変更

下記に「カスタムフォントサイズ：10vw」+「流体タイポグラフィ」にしたサンプルを。

• 画面幅が 1280px の場合、font-size が 128px、line-height が 153.6px（= 1.2）。
• 画面幅が 375px の場合、font-size が 37.5px、line-height が 59.9414（≒ 1.5984）。

となり、line-height が画面幅に応じて流動的に変化することが確認できます。

ちなみに、上記では画面幅を基準とする単位である vw を使用したため、画面幅に応じて文字サイズが変化しますが、例えば px や rem を使用した場合は文字サイズが変化しないので「流体タイポグラフィ」は無効化されるようにしています。