CSS

Cascading Style Sheets font-family property.

font-family

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

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

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

フォント名で指定

｢ＭＳゴシック｣や｢ＭＳ明朝｣のようにフォント名で指定します。フォント名にスペースが含まれている場合には、ダブルクォーテーション（ " ）またはシングルクォーテーション（ ' ）で囲むようにしてください。

キーワードで指定

フォントの種類を表すキーワードで指定します。

スタイルシートで「ＭＳ　ゴシック」を指定。

スタイルシートで「ＭＳ　明朝」を指定。

abcdefg ABCDEFG 0123456789

HTML source


<p class="sample1">スタイルシートで「ＭＳ　ゴシック」を指定。</p>
<p class="sample2">スタイルシートで「ＭＳ　明朝」を指定。</p>
<p class="sample3">abcdefg ABCDEFG 0123456789</p>

CSS source


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