2010年8月27日金曜日

ブラウザのフォントサイズをJavaScriptで取得する方法

ブラウザのフォントサイズをJavaScriptで取得する方法をメモしておきます.

まずは,空白1文字を内容とするspan要素を表示するページに仕込んでおきます.
そして,その要素のid属性に適当な名称を,style属性に「visibility: hidden;」を設定します.
あとは,スクリプト内で,その要素のoffsetHeightの値を取得すれば,ブラウザのフォントサイズを取得できます.
具体的なコードは以下のとおりです.

<html>
<head>
<script type="text/javascript">
<!--
console.log(document.getElementById("font").offsetHeight);
//-->
</script>
</head>
<body>
<span id="font" style="visibility: hidden;">&nbsp;</span>
</body>
</html>


[1] JavaScriptでブラウザのフォントサイズを検出する方法

0 件のコメント: