Chrome で MS ゴシックをメイリオに

ネットサーフィンしていて思うのはいまだに MS ゴシックの読みにくい文字を使っているサイトが結構あるんですよねぇ＞＜；

で、これを何とかしたいと思っていたのですが Google Chrome だと割と簡単に対応できるのでその方法を備忘録して残しておきます。

修正するファイルは下記になります。

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

このファイルを下記のようにしてやると大方のサイトがメイリオになります。

@charset "UTF-8";

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

@font-face {
  font-family: "MS PGothic";
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: "ＭＳ 明朝";
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: "ＭＳ Ｐ明朝";
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}

/* Windows Vista+ */
@font-face {
  font-family: "MS UI Gothic";
  src: local("Meiryo UI"), local("MS UI Gothic");
}

@font-face {
  font-family: arial;
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: verdana;
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: helvetica;
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: sans;
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: inherit;
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}
@font-face {
  font-family: sans-serif;
  src: local("Meiryo"), local("メイリオ"), local("ＭＳ Ｐゴシック");
}

■適用前

■適用後