しらいとブログ

ネットで検索してもなかなか出てこないIT情報を独自にまとめています

font-family: monospace;だと文字が小さくなる

ChromeSafariなどWebkit系のブラウザでは可変幅フォントと等幅フォント(monospace)のデフォルトのフォントサイズが違います。インストール時の初期設定では可変幅フォントが16px、等幅フォントが13pxになっており、等幅フォントのサイズはユーザーが簡単には変えられないようになっています。そのためfont-size%指定やem指定している場合、Webkit系のブラウザだけ等幅フォントが小さく表示されてしまいます。ちなみに、Firefox系では初期設定はどちらも16pxになっていますが、ユーザーが別々に変えることが出来るので同じとは限りません。

続きを読む