システムフォントを使う

font

CSSの書き方

font:値 … ;

CSSの詳細情報
プロパティ名 font 読み方 フォント
初期値 ブラウザに依存 意味 システムフォント
caption/icon/menu/message-box/small-caption/status-bar
対象 すべての要素
CSSレベル CSSレベル2 対応ブラウザ Windows MAC
継承 する IE 5.0以上/FF1.0/NS7.1/OP8.0 SF/IE5.0

解説

OSにもともとあるシステムフォントを利用して表示するスタイルシートです。

値には以下の表のようなシステムフォントが使用できます。

ただし、閲覧環境(使用OSやブラウザ)により表示にばらつきがあります。

設定値 割り当てられるフォント
caption ボタン等のキャプションに使用されるフォント
icon アイコンラベルに使用されるフォント
menu アプリケーションなどのメニューフォント
message-box メッセージボックスで使用されるフォント
small-caption 小さなコントロールキャプションのフォント
status-bar ステータスバーに使用されるフォント

CSS/HTMLサンプル

p { font:caption; }

段落の文字にキャプションのフォントを使用 サンプル

【厳選】合わせて読みたいおすすめ書籍

WEB制作支援サイトのHTMLタグボードだからオススメできる厳選書籍です。私が読んでいない本はオススメしません。

HTMLやCSS、Webデザインを体系的に学ぶなら

CSSを駆使したモダンなWebデザインを学ぶなら

最新情報をチェックしよう!