戦争は常に人間の最悪の部分を引き出す。 平和な時ならあいつも普通の男だ。

FROM シンドラーのリスト

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

  • files
  • js
  • html
<link href="<PATH>/fontSizer.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.fontSizer.min.js"></script>
<script>
	$(window).load(function(){
		$('#fontSizer button').fontSizer({
			type: 'px',
			step: 1,
			max: 80,
			min: 1,
			default_value: 14,
			target: 'fontSizerDemo',
			cookie:true
		});
	});
</script>
<div id="fontSizerFontScale">
	<button id="fs_decrease" class="blue">-</button>
	<button id="fs_increase" class="red">+</button>
	<button id="fs_reset" class="yellow">初期化</button>
</div>

<div id="fontSizerDemo">
	<p>戦争は常に人間の最悪の部分を引き出す。 平和な時ならあいつも普通の男だ。</p>
	<p class="from">FROM シンドラーのリスト</p>
</div>

fontSizerについて

fontSizerは、ページ内の文字サイズを変更する事ができるプラグインです。
サイズ情報をcookieに保存することもできるので、ユーザビリティーの向上に一役買ってくれそうです。
ダウンロード こちら
ドキュメント こちら
デモ デモページはありません
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Squiggle

    Squiggle

    テキスト上に手書きのような取り消し線を描画できる

  • LetterFx

    LetterFx

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

  • jQSlickWrap

    jQSlickWrap

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

  • animateNumber

    animateNumber

    カウントアップっぽい表示で指定した数字を表示してくれる

  • textillate

    textillate

    textillateは、様々なテキストアニメーションが表現できる