続・はてなダイアリーの編集画面（Chrome上）で「メイリオ」と「Consolas」を使うようにする

id:xoinu:20120830 の続き。

はてなダイアリーはもう関係ないんだけど、とにかくMSゴシックやMS Pゴシックからオサラバしたかった。昨日のだと、スタイルが全く指定されていないサイトで、まだメイリオが使用されない場合があった。

主な変更点は以下の3点：

1. 念のため先頭に @charset "UTF-8"; と書き足した。
2. 私の環境では "Meiryo" フォントのみ指定すれば大丈夫そうなので、冗長な "メイリオ" を削除。Googleで検索してみると、"Meiryo UI" を指定している人もいた。これは完全に好みの差だけど、"Meiryo UI" フォントは縦長に圧縮されていてあまり美しくないので、個人的には "Meiryo" がオススメ。
3. body {...} を追加して、フォントの指定がない場合、メイリオが使われるようにした。（例：読売新聞のサイト）
4. どこかのからのコピペでMeiryoのunicode-rangeをU+0080-10FFFFとしていたが、表示に問題があるサイトがあったのでU+0080-7FFFFFFFに変更

というわけで、これが最新版。

@charset "UTF-8";

* {}

body {
    font-family: "Meiryo";
}

@font-face {
    font-family: "MS PGothic";
    src: local("Meiryo");
}

@font-face {
    font-family: "ＭＳ Ｐゴシック";
    src: local("Meiryo");
}

@font-face {
    font-family: sans-serif;
    src: local("Segoe UI");
    unicode-range: U+0000-007F;
}

@font-face {
    font-family: sans-serif;
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}

@font-face {
    font-family: serif;
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}

@font-face {
    font-family: Arial;
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}

@font-face {
    font-family: Verdana;
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}

@font-face {
    font-family: "Trebuchet MS";
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}

@font-face {
    font-family: "Times New Roman";
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}

@font-face {
    font-family: monospace;
    src: local("Consolas");
    unicode-range: U+0000-007F;
}

@font-face {
    font-family: monospace;
    src: local("Meiryo");
    unicode-range: U+0080-7FFFFFFF;
}