文字のフォントを指定する。

font-family

ウエブページの文字のフォント（書体）は、
プラウザによって決められたフォントが表示されます。
Internet Explorer の標準のフォントはゴシック系のフォント（MSゴシック）です。
このウエブページのフォントはスタイルシートの font-family プロパティで変更出来ます。
ここでは、見出しをゴシック系（サンセリフ）、本文を明朝系（セリフ）に変更します。

文字のフォントを指定します。


（画面クリックでWEB上のサイズを見てください。）


上のページに文字のフォントを指定します。

<html>
<head>
<title>紙の豆知識</title>
<style type="text/css">
<!--
body {
margin-left:15%;
margin-right:15%;
color:#000000;
background-color:#ffffff;
}
h1 {
font-size:42px;
color:#993333;
font-family:sans-serif;
}
h2 {
font-size:20px;
color:#000099;
font-family:sans-serif;
}
p {
font-size:16px;
font-family:serif;
}
--></style>
</head>

・・・・・・・・以下略・・・・・・・・


（画面クリックでWEB上のサイズを見てください。）

フォントを指定するプロパティ
font-family：フォント名；
font-family プロパティは、文字のフォントを指定するプロパティです。
ここでは、汎用フォントファミリと呼ばれるフォントタイプで指定しています。

汎用フォントファミリ フォントの形状 例（Internet Explorer)
serif セリフ（ゴシック系） 日本語　English
sans-serif サンセリフ（明朝系） 日本語　English
monpspace 等幅フォント 日本語　English
cursive 筆記体調のフォント 日本語　English
fantasy 飾り文字系のフォント 日本語　English
汎用フォントファミリでは、ゴシック系か、明朝系か、というフォントの系統だけを
指定するもので、表示に使用されるフォントはプラウザの設定に従います。


InternetExplorer で使えるフォント名
フォント名 表示例（InternetExplorer)
{font-family:ＭＳ Ｐ明朝} 文字列
{font-family:ＭＳ Ｐゴシック}　 文字列
{font-family:HGS教科書体} 文字列
{font-family:HGS行書体} 文字列
{font-family:HG正楷書体} 文字列
{font-family:'Arial Black'} donbey 　　DONBEY
{font-family:'Comic Sans MS'} donbey　　　 DONBEY
{font-family:'Courier New'} donbey 　　DONBEY
{font-family:Impact} donbey　　　 DONBEY
{font-family:Symbol} donbey　　　 DONBEY
{font-family:'Times New Roman'} donbey　　　 DONBEY
{font-family:Verdana} donbey　　 DONBEY