フォントサイズ %指定

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, 'ＭＳ Ｐゴシック', sans-serifO,Osaka;
}

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

Tweet