TextFitは、一行または複数行のテキストをコンテナ幅（オプションにより高さも）にすばやくフィットさせられるjQueryフリーコンポーネントです。特定のコンテナ内にテキストをキレイに収めたい場合には最適な機能ですね。
TextFit
以下、TextFitの実際のデモページになります。
デモではコンテナに収められた様々なテキストを見ることができます。一行で書かれたものから複数行で書かれたものまでいろんなテキストが用意されています。単語が途中で切れることなくキレイに収まるそのサマはとても気持ちがいいですね。
ファイル容量も4.1KBととてもコンパクトだし、gzip版では1.5KBほどしかありません。サポート済みのブラウザも、IE9+、Firefox、Chrome、Opera、ほとんどのモバイルブラウザなど、たくさんの種類に対応しているのがグッドです。
また、TextFitのセッティング項目には、alignVert、alignHoriz、multiLine、detectMultiLine、minFontSize、maxFontSize、reProcess、widthOnly、alignVertWithFlexboxといったものが用意されています。軽量ながらもカスタマイズ性もしっかり備えています。
というわけで、一行でも複数行でもテキストをコンテナにうまくフィットさせることができる「TextFit」の紹介でした。ライセンスはMITになります。TextFitの具体的な実装方法やダウンロードは、以下のページからどうぞ。
