CSS/YUIでフォントサイズを揃える [YUI ライブラリに梱包のfonts.css] - ソラトモラボ/空友スタジオ
YUI ライブラリに梱包のfonts.css ブラウザ間のフォントサイズの差異を最小限のハックで吸収してくれます。 日本語フォントでもかなり有効です。 16px の line-height を持つ13px のarial フォントサイズを100%として、それぞれのピクセルサイズについてパーセントサイズが割り出されており、それが表で公開されています。 たとえば、arial 16px に相当するサイズで表示させたい場合、公開されている表から font-size:123.1%; と指定します。 tableタグに指定されている font-size:inherit は、IEが標準モードの時フォントサイズや Line-height を継承しないバグ回避用 あと、厳密には文法違反だけれど下記のようなハックもYUI fonts.css に含まれている
YUI Library - Fonts - Example: Setting the font size with YUI Fonts
YUI Fonts Example: Setting Font Size Note: To set the font size, always use percentages (%) from the conversion chart for maximum consistency and accessibility. Lorem ipsum dolor. [77% = 10px] Lorem ipsum dolor. [85% = 11px] Lorem ipsum dolor. [93% = 12px] (was 92%) Lorem ipsum dolor. [100% = 13px] Lorem ipsum dolor. [108% = 14px] (was 107%) Lorem ipsum dolor. [116% = 15px] (was 114%) Lorem ipsum
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
