さわだのノート

書籍のお仕事に役立つかもしれない思いつきを記録しています。

RSS: 記事の更新情報 Rss Feed

Google Chromeの等幅フォントのデフォルトサイズを設定する

Chrome フォント

等幅フォントのサイズがおかしい？

最近、Google Chromeでコードの書き方などを紹介しているサイトをよく見るのですが、等幅フォントのサイズが不自然に小さいところがあります。

たとえば下記のサイトの場合だと、こんな具合になります。
f:id:takepierrot:20120104235810p:image
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳

このサイトのCSSやChromeの設定画面を見ていて気づいたのですが、デフォルトのフォントサイズが等幅フォント（固定幅フォント）だけ適用されていないみたいです。

しかし、同じWebKitのSafariでは等幅フォントのサイズも変更できるわけです。
f:id:takepierrot:20120105000329p:image
ならば、Google Chromeでも実はできるのではないでしょうか？
というわけで、Google Chromeの設定ファイルを覗いてみることにしました。

Google Chromeの設定ファイルを確認する

以下、Macにおける手順を解説しています。
まずはターミナルを起動し、

open Library

で「ライブラリ」フォルダを開きます。あとはごりごりフォルダを掘っていけば、設定ファイルとご対面です。ファイル自体はテキストファイルなので、テキストエディットなどで開いてください。
設定ファイルへのパスは下記の通りです。
~/Library/Application Support/Google/Chrome/Default/Preferences

面倒な人はこちらのコマンドをコピペすれば、テキストエディットか何かで開くのではないでしょうか。

open "Library/Application Support/Google/Chrome/Default/Preferences"

Windows（Vista|7）の場合だと、設定ファイルまでのパスは
~/AppData/Local/Google/Chrome/Default/Preferences
~\AppData\Local\Google\Chrome\User Data\Default\Preferences
という感じになると思います。確認はしていないので間違っているかもしれません。

ファイルを開くと長々と設定の記述が続きますが、「font」で検索して該当箇所を探しましょう。僕の設定ファイルの場合は、最後尾にフォント関連の設定が記述されていました。以下がその内容です。

"translate_language_blacklist": [ "en" ],
"webkit": {
   "webprefs": {
      "default_font_size": 16,
      "fixed_font_family": "Menlo",
      "minimum_font_size": 12,
      "minimum_logical_font_size": 12,
      "sansserif_font_family": "Hiragino Maru Gothic ProN",
      "standard_font_family": "Hiragino Maru Gothic ProN",
      "uses_universal_detector": true
   }
}

「"default_font_size": 16,」がまず間違いなく「標準フォント」のフォントサイズ指定でしょうね。等幅フォントの指定は「"fixed_font_family": "Menlo",」で行っているようです。

等幅フォントのデフォルトサイズを指定する設定を追記する

ほかの項目を見ても、等幅フォントのフォントサイズを指定する項目はなさそうです。ここは、カンで新しい項目を追加してみましょう。

フォントサイズの指定が「default_font_size」ですから、「default_fixed_font_size」というところでどうでしょうか。フォントサイズは標準フォントと同じく16ptに設定しておきます。
いったんGoogle Chromeを終了し、設定ファイルのフォント部分に1行追記します。

"translate_language_blacklist": [ "en" ],
"webkit": {
   "webprefs": {
      "default_fixed_font_size": 16, # 追加した行
      "default_font_size": 16,
      "fixed_font_family": "Menlo",
      "minimum_font_size": 12,
      "minimum_logical_font_size": 12,
      "sansserif_font_family": "Hiragino Maru Gothic ProN",
      "standard_font_family": "Hiragino Maru Gothic ProN",
      "uses_universal_detector": true
   }
}

保存して、Google Chromeを起動すると、
f:id:takepierrot:20120105000008p:image
等幅フォントのサイズが大きくなりましたね。どうやらうまくいったようです。