空想犬猫記

※当日記では、犬も猫も空想も扱っておりません。(旧・エト記)

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

追記:この記事には続きがあります(id:xoinu:20120831)

MacからWindows7、そしてChromeに移行してから、しばらくはてなダイアリーを更新するのが億劫になってしまった。非常にくだらないのだが、編集画面のフォントが汚くて何も書く気がしなかったのが一番の理由。きっと中のWeb屋さんやデザイナーさんはMac使いだし、Windowsのことなんてあまり気にしてないのだろうし、ダイアリーはそんなにメンテに力を入れてなさそうと思って腐っていたのだけど、そうは言ってもここが一番使い慣れているので、思い切ってChromeのCustom.cssをいじってみた。

このあたりを参考。Google ChromeでMS PゴシックをArial+メイリオに置換する - Weblog - hail2u.net

以下は自分のためのメモ

C:\Users\ユーザ名\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

を、以下のように編集。

 * {
}
 
@font-face {
  font-family: "MS PGothic";
  src: local("メイリオ"), local("Meiryo");
}

@font-face {
  font-family: "MS Pゴシック";
  src: local("メイリオ"), 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("メイリオ"), local("Meiryo");
  unicode-range: U+0080-10FFFF;
}

@font-face {
  font-family: serif;
  src: local("メイリオ"), local("Meiryo");
  unicode-range: U+0080-10FFFF;
}

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

@font-face {
  font-family: monospace;
  src: local("メイリオ"), local("Meiryo");
  unicode-range: U+0080-10FFFF;
}

適用前の残念な画面をキャプチャするのを忘れたけど、適用後は以下のように快適なフォントになりました。にまにま。