Home > 実践 Web Standards Design p.354

実践 Web Standards Design p.354

  • Last Modified: 2008年11月30日 11:08

このページは、実践 Web Standards Design が第 1 刷・第 2 刷から第 3 刷となる際に、仕様自体の変更によって内容を修正した分について公開しています。

11 さまざまなブラウザで文字の見栄えを揃えるCSSライブラリ

Yahoo! UI Library: Fonts CSSの文字サイズ対応表
希望の文字サイズ(px) 指定する数値(%) 希望の文字サイズ(px) 指定する数値(%) 希望の文字サイズ(px) 指定する数値(%)
10 77 16 123.1 22 167
11 85 17 131 23 174
12 93 18 138.5 24 182
13 100 19 146.5 25 189
14 108 20 153.9 26 197
15 116 21 161.6

たとえば、Fonts CSSを適用後にh1要素の文字サイズを20px、p要素の文字サイズを15px相当の大きさで表示するには次のように指定します。

h1 {
    font-size: 153.9%; /* 20px 相当の大きさ */
}

p {
    font-size: 116%; /* 15px 相当の大きさ */
}

Home > 実践 Web Standards Design p.354

Tag Cloud
Categories
Archives
Search
Feeds
  • Feed by feedburner.jp

Return to page top