skuare.net

フォントの種類を変更するjavascript「Selector.js」

ホームページを作成する時に悩むのがフォントの種類。
見る環境や人によって最良のフォントは変わってきますので、非常に難しいところです。
justinmaierでは、Web上でフォントの種類を変更できる「fontSelector.js」を公開しています。

使用方法
fontSelector.jsからfontSelector.jsを、mootoolsからmootools.jsをダウンロードし、headに挿入します。
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://yourdomain/fontSelector.js" type="text/javascript"></script>
さらに以下のscriptを挿入します。
<script type="text/javascript">
window.onDomReady( function(){
var fSelector = new fontSelector($$('対象となるエレメント'), {fontList: ['Arial','Times new roman','Century Gothic']});
});
</script>
またstyle属性として
div.fontSelection-sBoxExpander{
background: url(expander.gif) top left no-repeat;
}
div.fontSelection-sBoxExpander.active{
background: url(expander_act.gif) top left no-repeat;
}
を指定してください。
フォントの種類を変更するjavascript「fontSelector.js」サンプル
＊追記：タイトルがfotSize.jsになっていたのを修正しました。（2007年8月30日）

｜ ｜ ｜ ｜ ｜ ｜

前の記事：dojo 3D chart
次の記事：ページめくり風の画像ギャラリーを作成するjavascript「jqShuffle」

関連記事

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