以下、覚書
・一般的なブラウザのデフォルトフォントサイズは16pxとなる。(フォントサイズ指定が無い場合の基準値)
・ピクセル指定の際は絶対値となる。
例)font-size:20px; ←20ピクセルが表示される
・パーセント指定の際は相対値となる。(継承元と乗算値に注意しなくてはならない)
例)font-size:125%; ←16px×125%=20ピクセルが表示される
・昔のIEはpx指定のWebページは文字の拡大/縮小ができない。(IE11は文字拡大/縮小が可能でした。IE9以前ができないようです。)
・HTML内にフォントサイズのCSSを記述してはいけない。(見つけ次第CSSへ移動すること)
[参考]
http://gelsol.sub.jp/wp/?p=136
> 基準サイズとなるフォントサイズを指定し、これを基準に相対的に大きさの指定をします。一般的に font-size プロパティを指定しないときのブラウザのデフォルトフォントサイズは 16px です。
> 16px × 0.63 = 10.08px
> 16px × 0.69 = 11.04px
> 16px × 0.75 = 12.00px
> 16px × 0.82 = 13.12px
> 16px × 0.88 = 14.08px
> 16px × 0.94 = 15.04px
> 16px × 1.00 = 16.00px
http://owlish.jp/web/font_size_adjust.html
> CSS px CSS % CSS pt FONT size
> 6px 40% 4.5pt
> 8px 50% 6pt
> 9px 55% 6.75pt
> 10px 65% 7.5pt size=”1″
> 11px 69% 8.25pt
> 12px 75% 9pt
> 13px 82% 10pt size=”2″
> 14px 88% 10.5pt
> 15px 94% 11.25pt
> 16px 100% 12pt size=”3″
> 17px 107% 12.75pt
> 18px 113% 13.5pt size=”4″
> 19px 119% 14.5pt
> 20px 125% 15pt
> 22px 138% 16.5pt
> 24px 150% 18pt size=”5″
> 26px 163% 19.5pt
> 28px 175% 21pt
> 30px 188% 22.5pt
この記事を書いた人
新着記事
- 2015.11.27Illustrator[Mac]IllustratorのカラーモードをRGBへ変更する方法
- 2015.11.27IllustratorIllustratorのカラーモードをRGBへ変更する方法
- 2015.11.26Illustrator[Mac]IllustratorのカラーモードをCMYKへ変更する方法
- 2015.11.25IllustratorIllustratorのカラーモードをCMYKへ変更する方法