TOP  >  CSS・スタイルシートTIPS  >  フォントサイズ %指定

2009年06月11日 23:37

フォントサイズ %指定

Yahoo! User Interface Library(通称「YUI」)というJavaScriptのライブラリ内で利用されているfonts.cssの中のフォントサイズチャートを参考にしたCSSのフォントサイズ %指定の記述です。



CSSフォントサイズリスト
  • 10pixel { font-size:77%; }
  • 11pixel { font-size:85%; }
  • 12pixel { font-size:93%; }
  • 13pixel { font-size:100%; }
  • 14pixel { font-size:108%; }
  • 15pixel { font-size:116%; }
  • 16pixel { font-size:123.1%; }
  • 17pixel { font-size:131%; }
  • 18pixel { font-size:138.5%; }
  • 19pixel { font-size:146.5%; }
  • 20pixel { font-size:153.9%; }
  • 21pixel { font-size:161.6%; }
  • 22pixel { font-size:167%; }
  • 23pixel { font-size:174%; }
  • 24pixel { font-size:182%; }
  • 25pixel { font-size:189%; }
  • 26pixel { font-size:197%; }

このサイトでは、ベースに以下のCSSを指定しています。

* {
font-size: 100%;
font-family: Verdana, 'MS Pゴシック', sans-serifO,Osaka;
}

body {
font:13px "MS Pゴシック",arial,helvetica,clean,sans-serif;
}

TOP  >  CSS・スタイルシートTIPS  >  フォントサイズ %指定




正当なCSSです!