Fontプロパティでline-heightやシステムフォント指定が可能
こんなCSSを見かけたのですが、
font: 11px/1.4em Helvetica, Arial, sans-serif;
『/』（半角スラッシュ）の意味が分からなくて、調べてみました。
なるほど、font-sizeの値の後に/を記述してline-heightを指定できるんですね。
この line-height が基準にするのは，直前の font-size である。
（上記リンク「Step forward CSS」より引用）
把握しやすいですね。
font プロパティの第二の用法は、システムフォントの指定です。
（上記リンク「ばけらの CSSリファレンス」より引用）
システムフォント指定もできるとは!!
実装検証をやってみました。
システムフォント指定の各ブラウザ実装検証サンプル
CSS
p.cap{ font:caption; }
p.ico{ font:icon; }
p.men{ font:menu; }
p.mes{ font:message-box; }
p.sma{ font:small-caption; }
p.sta{ font:status-bar; }
HTML
<p>Fontプロパティによるシステムフォント指定</p>
<p class="cap">captionを指定したサンプル</p>
<p class="ico">iconを指定したサンプル</p>
<p class="men">menuを指定したサンプル</p>
<p class="mes">message-boxを指定したサンプル</p>
<p class="sma">small-captionを指定したサンプル</p>
<p class="cap">status-barを指定したサンプル</p>
<pre>
/*CSS*/
p.cap{ font:caption; }
p.ico{ font:icon; }
p.men{ font:menu; }
p.mes{ font:message-box; }
p.sma{ font:small-caption; }
p.sta{ font:status-bar; }</pre>
システムフォントの設定
- 「アイコン」：ＤＣ愛ライン Std W5、サイズ24
- 「アクティブ タイトル バー」「非アクティブ タイトル バー」：ＤＦ行書体 Std W5、サイズ24、白、ボールド
- 「パレット タイトル」：ＤＦフリー流線 Std W2、サイズ24、ボールド
- 「ヒント」：ＤＦ宗楷書 Std W7、サイズ24、黒
- 「メッセージ ボックス」：ＤＦ綜藝体 Std W9、サイズ24、黒
- 「メニュー」「選択項目」：ＤＦまるもじ体 Std W5、サイズ24、黒
