『FlowType』はレスポンシブデザインのサイトにおいて、横幅の変化に応じて設定されている文字の大きさや行の高さを自動的に調整をしているJavaScriptライブラリです。 ダウンロード ライブラリのダウンロードはこちらから行うことが出来ます。 Dowonload& Demo Step 1: ライブラリの読込み 『FlowType』は「jQuery」対応のライブラリなので最初に「jQuery」が読込まれていることが必要条件になります。「jQuery」に続けて「flowtype.js」を読み込みます。 <script type="text/javascript" src="flowtype.js"></script> Step 2: CSSの初期設定 文字サイズの初期値を設定しておきます。この値を基準に、文字サイズが変化します。 body { font-size: 18px; } h1,
![文字設定をレスポンシブ対応してくれるJavaScriptライブラリ『FlowType』 | デザインスタジオ・エフ](https://cdn-ak-scissors.b.st-hatena.com/image/square/79d80cb658d5dc586571d26adc2fabb06d07abb9/height=288;version=1;width=512/http%3A%2F%2Fi2.wp.com%2Fdesign-studio-f.com%2Fwp-content%2Fuploads%2F2014%2F03%2Fresponsive-web-typography-with-flowtype-index.jpg%3Ffit%3D300%252C300)