blog:graphiso

注：酷い内容が含まれています。

<style type="text/css">
    #fontchecker{
        font-family:"メイリオ",sans-serif !important;
        float:left !important;
        font-size:10px !important;
        letter-spacing:0 !important;
        padding:0 !important;
        margin:0 !important;
        border:none;
    }
</style>
<p onclick="alert(this.clientWidth)" id="fontchecker">あああああああああ</p><div>dummy</div>

fontcheckerというIDの要素の幅がメイリオで表示される場合とMS Pゴシッ クの場合でサイズが変わるので、要素のwidthを次第で訪問者のブラウザ表示がメイリオになってるかどうか判別、異なるCSSを読み込み。という流れでメイリオの時だけline-heightとか調整できんじゃない？というかなり無茶苦茶な案。

で試作品。
http://blog.graphiso.com/ismeiryo.html

XPでしかチェックしていないのだけど、Firefox3、IE7、Opera9、Chrome、Safariで（予想外にも）キチンと動きました。こんな問題おこるのはWinのXPかVistaぐらいだからチェックもそこまで大変でもない気もしますが、まあとんでもスクリプトの類ですどうでしょうか…

ちなみに今のところ酷評の嵐です。