ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」: 小粋空間

2012/04/09 33 users フォントサイズ 小粋空間 jQueryプラグイン タブレット

ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」を紹介します。 FitText ウェブサイトをPC・スマホ・タブレットなど色々なサイズのディスプレイに対応させるときに便利そうです。 １．サンプル 上記の配布サイト自体がサンプルになっていますが、ためしに作ってみました。 サンプル ブラウザの幅を変更するとタイトルの「FitTextサンプル」の部分が拡大・縮... 続きを読む

[JS]親要素のサイズに合わせてフォントサイズをフィットさせるスクリプト -FitText | コリス

2011/05/15 56 users コリス フォントサイズ width スクリプト フォント

デモでは、width=100%で実装された「FitText」とその下のダウンロードに適用されており、それぞれ親要素のサイズが変更されると共に、フォントサイズが変更されます。 サイズを変更したキャプチャ h1要素のwidthを「100%」にしているため、ブラウザのサイズを変更するとフォントのサイズも追従します。 FitTextの実装 下記は、デモ（h1要素とダウンロード）での実装例です。 HTML ... 続きを読む

どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」:phpspot開発日誌

2011/05/12 383 users type jQueryプラグイン phpspot開発日誌

どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」 2011年05月12日- FitText - A plugin for inflating web type どんな解像度のディスプレイでも文字をぴったり大きく画面にフィットできるjQueryプラグイン「FitText」 iPhone/iPadやPCでも文字をフィットさせられます。 ブラ... 続きを読む