更新: 2012.9.17

Chromeとmonospaceフォント

「Google Chrome ブラウザ」では、「通常のホームページで固定ピッチフォントを使うことはない」という前提があるようです。確かに英文ではその通りかも知れません。日本語のことはあまり考慮されていないようです。

そのためか、スタイルシートで「font-family:monospace;」という指定をすると、文字が異常に小さくなってしまいます。他のブラウザではその様なことはありません。Chrome以外のブラウザでは、次の上の文も下の文も同じ大きさで表示されるはずです。


Chromeにおけるmonospaceフォントの表示

「font-family:monospace;」
     のスタイルシート指定が、Chromeブラウザで表示されている様子です。

「font-family:monospace,sans-serif; font-size:100%;」
     のスタイルシート指定が、Chromeブラウザで表示されている様子です。


 
 
 Chromeブラウザでは次の図のように、単に「font-family:monospace;」という指定だけでは文字が小さくなってしまいます。下のように、「font-family:monospace,sans-serif; font-size:100%;」という指定をすると、文字が通常の大きさで表示されます。

↓これは画像です↓