Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

FONTフォントTOPCSSPropertiesFont

  1. font-style欧文フォントの斜体・イタリック体
  2. font-variant欧文フォントのスモールキャップ(スモールキャピタル)
  3. font-weightフォントの太さ
  4. font-sizeフォントの大きさ
  5. line-height行の高さ
  6. font-familyフォントの種類
  7. fontフォントのショートハンドプロパティ

font-familyフォントの種類

プロパティの値[[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ] | inherit
初期値ブラウザで設定されたフォント
対象要素全要素
継承する
%無効
メディアvisual
W3C Ref.CSS2.1CSS3

プロパティの書式と機能

ブラウザで表示するフォント(文字)の種類を指定します。

プロパティの書式機能
font-family:<family-name>フォントファミリ名を指定
font-family:<generic-family>総称フォントファミリを指定
font-family:inherit継承

フォントファミリ名の指定Family-name

フォントファミリ名は固有の名称(文字列)による指定となるため、引用符で括って指定します。

*	{font-family: 'メイリオ','MS Pゴシック' ;}
総称フォントファミリ名の指定Generic-family-name

総称ファミリ名はキーワード値として扱われるため、引用符で括らずに指定します。

*	{font-family: serif,sans-serif ;}
複数フォントの指定

フォント名をカンマで区切って複数のフォントを指定することができます。 その際、最初に指定したフォントが最優先で適用され、該当するフォントが無い場合は2番目以降のフォントが順次適用されます。

*	{font-family: 'メイリオ','MS Pゴシック',serif,sans-serif ;}

総称フォントファミリ名

総称フォントファミリ名はブラウザなどのUAで設定されているフォントカテゴリの名称です。 ブラウザの初期状態ではOSのシステムフォントが設定されることが多く、CSSでフォントの種類を指定しない、あるいは指定したフォントが何も見つからない場合には、最終的にこれらの総称フォントが使用されます。

総称フォントの値フォントの種類関連付けられるフォントの一例
serif明朝体'MS 明朝','MS P明朝','Century'
sans-serifゴシック体'MS ゴシック','MS Pゴシック','メイリオ'
cursive筆記体(草書体)'Caflisch Script','Snell','Comic Sans MS'
fantasy装飾文字'fantasy','Critter','alba'など
monospace等幅フォント'MS 明朝','MS ゴシック','Osaka-等幅'
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.