フォントサイズを調整するJavaScript「fontScaler」

フォントのサイズをユーザーが調整できるサイトは多いですが、大中小と制作者側で決めてしまってよいのでしょうか?
jQueryプラグイン「fontScaler」は+-でも調整が可能です。

使用方法

fontScalerからファイル一式をダウンロードします。

<link rel="stylesheet" type="text/css" href="jquery.fontSizer.css" media="screen" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.fontScaler.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".要素名").fontScaler({
		target: ".要素名",
		increment: 'variable',
		containerclass: 'fontScaler'
	});	
});
</script>
あとは上記要素名でくくれば、+-の画像とともにフォント調整が可能になります。
また以下のようにすれば、通常通りサイズを指定することが可能です。

$(".要素名").fontScaler({
	target: '.要素名',
	containerclass: 'fontScaler',
	store:true,
		fixed: {
		size1: '100', //サイズ小:デフォルト(指定なくともOK)
		size2: '200', //サイズ中
		size3: '300' //サイズ大
	}
});	

サンプル

通常版

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum laoreet gravida. Proin ligula diam, varius id consectetur hendrerit, condimentum vel ipsum.

インクリメント版

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum laoreet gravida. Proin ligula diam, varius id consectetur hendrerit, condimentum vel ipsum.

Javascriptサンプルページ一覧
skuare.net