Google Chrome/Google Chrome for Macのテキストエリアで等幅フォントを使う方法

Mac版のGoogle Chromeではなぜかテキストエリアの中が等幅指定していても等幅フォントで表示されない。

通常はあまり気にならないのだが、スペース等でレイアウトを調整する場合に非常に気になってしまう。特にプログラムコードはスペースで整形することが多いのでこれは解消したい。

バージョンと製造年月日

2012-02-12現在はChromeの設定から等幅フォントをRictyに指定すれば、textareaの編集中フォントもそうなるのでそうしている。↓の技は使ってない。

普通ならばChromeのユーザースタイルシートは

/Users/hoge/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

になる。

プロファイルを別にしている場合は

/Users/hoge/Library/Application Support/Google/ほげほげほげ/Default/User StyleSheets/Custom.css

の位置になる

このファイルに

textarea{
    font-family: Osaka-Mono !important;
    font-size: 14px;
}

と書きこむ。最大限当てるためにセレクタの指定が弱いのでimportantで強力に指定しておく。