skuare.net

フォントの大きさを変更する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」サンプル

｜ ｜ ｜ ｜ ｜ ｜

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

関連記事

• フォントの種類を変更するjavascript「Selector.js」
• [mootools]mooVRotatingMenu
• 画面遷移せずにブックマークできるウィジェット「mooSocialize」
• [jQuery]Sifr
• [mootools]AJAX image crop