skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

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

｜ ｜ ｜ ｜ ｜ ｜ ｜

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

記事作成：2007年07月16日

前の記事：テキストの書き換えを可能にするjavascript「inLineEdit.js 2」
次の記事：「iPhone」風UIを実現するJavascript「iUI.js」