ボックスの幅に合わせてフォントサイズ、行間を自動調整する「FlowType.js」 - Tecuration .com

「FlowType.js」はボックス幅を変更すると、その幅に応じたフォントサイズ、行間に自動調整してくれるjQueryプラグインです。 FlowType.js 久しぶりの更新になります。テック系の情報はしっかりウォッチしていたのですが、実際に試してみて記事を書く時間がありませんでした。。。しばらくそんな状態が続きそうですが、とりあえず復活第一弾は使い道がいまいち思い浮かばないこのプラグインをご紹介。 親エレメントの幅を変更すると、それに応じてフォントサイズと行間が自動調整されるというもの。 まずはこの状態。 やじるしのスライダーを操作するとこの通り。幅が広がり、応じたサイズになっています。 それでは「FlowType.js」の実装方法をご紹介します。まずはjQuery含む外部ファイルを読み込みます。 <script src="//cdnjs.cloudflare.com/ajax/libs