Chromeで汚い日本語フォントを直す方法
Submitted by Nobu on 2011/01/13（Thu） 22:50
in
Chromeはすごく速くて快適なんだけど、デフォルトのままだと日本語が汚くて仕方がない。そこで、Meiryoフォントを使うように設定する。
- 右上のスパナアイコンをクリック
- Options
- Under the Hood タブ
- スクロールして下の方に行き、Change font and language settingsボタンを押す
- 面倒なので全部Meiryoフォントを指定
これでほとんどのサイトで日本語がMeiryoフォントで表示される。ところが稀にFont-Familyで変なフォントを指定しているサイトがある。例えばこれ↓
このサイトでは日本語が汚くなってしまう。そこでフォント指定がされていても強制的にMeiryoにするChrome Extensionを紹介。
http://cpplover.blogspot.com/2010/02/chrome-5-beta-font-family-serif.html 
上記を参考に一部だけ変更した。元ネタとの違いは特定のページ（wiredvisionが含まれるURL）のみで強制的にフォントを変えること。これによって、他のまともに見えるページには影響がない。強制的にすべてフォントを変えると、英文フォントなど一部、きれいに表示されなくなってしまうので、URLを限定している。
Manifest.jsonはこんな感じ。
{
"name": "Disable Ugly Font",
"version": "1.0",
"description": "Disable bold and italic",
"permissions": [
"http://*/*",
"https://*/*"
],
"content_scripts": [
{
"matches" : [
"http://*/*",
"https://*/*"
],
"js" : ["disable-ugly-font.js"],
"all_frames" : true
}
]
}
disable-ugly-font.jsをこんな感じで。
(function()
{
var url = document.location.href;
if(url.indexOf("wiredvision") != -1)
{
var style = document.createElement("style") ;
style.setAttribute("id", "hito-disable-ugly-style") ;
style.appendChild(
document.createTextNode( "* { font-family : 'Meiryo' !important ; font-weight : normal !important ; font-style : normal !important ;}" )
) ;
document.getElementsByTagName("head").item(0).appendChild(style) ;
}
})();
Post new comment