WEB制作のメモ帳

衆トップページ -> WEB制作のメモ帳 -> javascript -> 「javascript」で文字サイズを変更

「javascript」で文字サイズを変更

2011-05-03

javascript

「javascript」で文字サイズを変更

javascriptを検索してたら発見!!
ユーザビリティーを考えると文字サイズの変更は便利なのでメモ

無料ホームページ素材

SOURCE
■javascript
function fontsize(size){
document.getElementById("font").style.fontSize=size+'%';
}

■HTML
<a hre="javascript:fontsize(150);">文字サイズ150%</a>
<a hre="javascript:fontsize(100);">文字サイズ100%(標準)</a>
<a hre="javascript:fontsize(75);">文字サイズ75%</a>

文字サイズを変更したい部分を「id="font"」とID指定。
数値部分を変えれば文字サイズも変わります。

WEB制作の定番書