YUI の fonts.css だと pre > code がでっかくなっちゃうね
Yahoo! UI Library (YUI) の fonts.css では pre と code を次のようにスタイルづけしている。
/**
* Bump up !IE to get to 13px equivalent
*/
pre, code {font:115% monospace;*font-size:100%;}
要するに、
- 等幅フォント
- IE では
font-size:100% - それ以外は
font-size:115%
ってことなんだが、このブログみたいにサンプルコードとかを pre 要素と code 要素でマークアップしている場合は IE 以外でフォントが大きくなってしまう（font-size:115% が二回適用される）。
なので、別のスタイルシートにでも
pre > code { font-size: 100%; }
こういうのを追加しておくといい、と思った。ただ、実際にはインラインのコード片には code 要素を使っていて、これも font-size:115% とかされると行間がガタガタになってしまうので、単純に、
code { font-size: 100%; }
とかしてしまった方がいいかも（このへん、いつか整理しないと駄目だな…）。
ちなみに、プロパティ名の先頭にアスタリスクをつける CSS ハックが、fonts.css の随所で使われているが、これについては以下のブログ記事を参照。