画面サイズを変えてごらん

文字サイズの変化する割合も変更できるよ

文字サイズの最大値と最小値も設定できるよ

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fittext.js"></script>
<script>
	$(window).load(function(){
		$('#FitTextBtn01').on('click', function(){
			$('#FitTextDemo').fadeIn();
			$('#FitTextDemo01').fitText(1.1, { minFontSize: '50px', maxFontSize: '75px' });
			$('#FitTextDemo02').fitText();
			$('#FitTextDemo03').fitText(1.8);
		});
		$('#FitTextBtn02').on('click', function(){
			$('#FitTextDemo').fadeOut();
		});
	});
</script>
<button class="blue" id="FitTextBtn01">FitTextしてみる</button>
<div id="FitTextDemo">
	<p id="FitTextDemo01">画面サイズを変えてごらん</p>
	<p id="FitTextDemo02">文字サイズの変化する割合も変更できるよ</p>
	<p id="FitTextDemo03">文字サイズの最大値と最小値も設定できるよ</p>
	<button class="yellow" id="FitTextBtn02">FitTextやめてみる</button>
</div>

FitTextについて

FitTextは画面サイズに合わせて文字サイズを変更してくれるプラグインです。
これ地味に便利です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスWTFPL
対応ブラウザ

関連するjQueryプラグイン

  • LetterFx

    LetterFx

    複数パターンでテキストアニメーションをセットできる

  • jQSlickWrap

    jQSlickWrap

    画像のフチに沿って文字を配置してくれる

  • TextAnimation

    TextAnimation

    テキストを色々とアニメーションさせることができる

  • ShuffleLetter

    ShuffleLetter

    文字をシャッフルしながら表示することができる

  • Textualizer

    Textualizer

    テキストの切り替えにおもしろアニメーションをつけることができる