BigTextは、テキストの行を、指定した幅にフィットさせるために必要なフォントサイズと文字間に計算してフィットさせることができるjQueryプラグインです。テキストの行を均一にカッコよくしたいというシーンで役立ちますね。
BigText
以下のページからBigTextの詳細やデモをチェックできます。
上記のページには、実際のコードやテキストをフィットさせた時の画像も載っているので、具体的にどのような感じになるのかを確認できます。
特定の幅にテキストがフィットするように、それぞれの行に表示されたテキストのフォントサイズや文字間が自動で計算されるのはとても便利ですね。
テキストをフィットさせる幅は、「bigtext」というidを付与した親要素(サンプルではdiv)に「style=”width:300px”」というように設定してあげればOKです。使い方もとってもシンプルでわかりやすく、手軽に実装できるかと思います。
また、maxfontsizeやminfontsizeといった項目を使用して、フォントサイズの最大値・最小値を指定することも可能です。ほかにも、いろいろカスタマイズできるので、気になる人はぜひチェックしてみてはいかがでしょうか?
ライセンスはMITになります。というわけで、テキストを指定した幅にフィットさせることができるjQueryプラグイン「BigText」の紹介でした。BigTextの具体的な実装方法やダウンロードなどは以下のページからどうぞ。