HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

トップページ > スタイルシートリファレンス > font-family

★スタイルシートリファレンス

font-family・・・・・フォントの種類を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

font-familyプロパティは、フォントの種類を指定する際に使用します。

フォントの種類はカンマ( , )で区切って複数の候補を並べることができます。 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択され、 より多くのユーザーに対して自分のイメージに近いフォントで表示させることができます。

指定したフォントがユーザーの環境にインストールされていない場合には、ブラウザで設定されたデフォルトのフォントで表示されます。

■値

フォント名で指定
「MS ゴシック」や「MS 明朝」のようにフォント名で指定します。フォント名にスペースが含まれている場合には、ダブルクォーテーション( " )またはシングルクォーテーション( ' )で囲むようにしてください。
キーワードで指定
フォントの種類を表すキーワードで指定します。
sans-serif・・・・・・ゴシック系のフォント
serif・・・・・・・・・・・・明朝系のフォント
cursive・・・・・・・・・筆記体・草書体のフォント
fantasy・・・・・・・・・装飾的なフォント
monospace・・・・・等幅フォント

■使用例

スタイルシート部分は外部ファイル(sample.css)に記述。

p.sample1 {font-family: "MS ゴシック",sans-serif; }
p.sample2 {font-family: "MS 明朝",serif; }
p.sample3 {font-family: Impact,Charcoal; }

HTMLソース

<html>
<head>
<link rel="stylesheet" href="sample.css" type="text/css">
</head>
<body>
<p class="sample1">スタイルシートでMS ゴシックを指定。</p>
<p class="sample2">スタイルシートでMS 明朝を指定。</p>
<p class="sample3">abcdefgABCDEFG0123456789</p>
</body>
</html>
↓↓↓

ブラウザ上の表示

スタイルシートでMS ゴシックを指定。

スタイルシートでMS 明朝を指定。

abcdefgABCDEFG0123456789


■関連項目

font・・・・・・・・・・・・・・・・・・・・・・・・・フォントに関する指定をまとめて行う
font-style・・・・・・・・・・・・・・・・・・・フォントをイタリック体・斜体にする
font-variant・・・・・・・・・・・・・・・・・フォントをスモールキャップにする
font-weight・・・・・・・・・・・・・・・・・・フォントの太さを指定する
font-size・・・・・・・・・・・・・・・・・・・・フォントのサイズを指定する
font-family・・・・・・・・・・・・・・・・・・フォントの種類を指定する
font-size-adjust・・・・・・・・・・・・・フォントのサイズを調整する
font-stretch・・・・・・・・・・・・・・・・・フォントを縦長・横長にする

▲ページ先頭へ
トップページ > スタイルシートリファレンス > font-family

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2014 HTMQ