フォントの大きさを変更するjavascript「fontSize.js」

ユニバーサルデザインという言葉がWeb業界でも言われ、フォントのサイズを3段階に変更できるサイトも増えています。
しかし、開設者側の見やすさと閲覧者が望む見やすいフォントサイズは果たして一致しているのでしょうか。
justinmaierでは、既存の概念とはひと味違う方法でフォントの大きさを変更できる「fontSize」を公開しています。
fontsize

使用方法
fontSize.jsと、javascriptライブラリ「mootools」をダウンロードし、headに挿入します。

さらに以下のscriptを挿入します。
なお対象となるエレメントには、pやh1などを指定してください。
<script type="text/javascript">
window.onDomReady( function(){
new fontSizer($$('対象となるエレメント'));
});
</script>

またstyle属性として
div.fontSizer-sBox{
background:url(スライダー画像のURI) top left no-repeat;
}

を指定してください。
フォントの大きさを変更するjavascript「fontSize.js」サンプル

sponsors

「フォントの大きさを変更するjavascript「fontSize.js」」をシェアする

記事作成:
記事URL:

TOP > > > フォントの大きさを変更するjavascript「fontSize.js」