見出しのデザイン設定を書く場所「h1 { }」の中に
（文字の大きさの設定の後に）フォントの種類 font-familyで追加します
|
<html> <head> <title>色探しの旅</title> <style type="text/css"><!-- h1{font-size:25px; font-family:'Comic Sans MS'} --></style> </head> <body> <h1>色探しの旅『Sky&Water』</h1> <p>日本の四季には色が満ちています。空そして水の色『色探しの旅』に出かけませんか</p> <div>copyright(c)sora</div> </body> </html> |
複数のデザイン設定を書く場合、「;」で区切って指定します
フォント名にスペースが入っている場合、名前の部分を「'（シングルクォート）」で囲みます
！！フォント「Comic Sans MS」は欧文フォントであるため、日本語には反映されません
font-familyを使う事でフォントの種類を自由に設定出来ます
しかし、ページを見てもらう人のパソコンに指定したフォントが無ければ、そのフォントは表示されません
ですから標準でインストールされているフォントを使うようにしましょう
又、見る人のパソコンにフォントが無い場合に備えて複数のフォントを指定することでが出来ます
{font-family:Arial,Helvetica}複数のフォントは「,」で区切って指定します
欧文フォントに比べると、標準で利用出来る日本語フォントには殆ど選択肢がありません
基本的に、ゴシック系か明朝系のどちらかを選ぶ事になります
| フォントの名前 | 表示 |
| Arial | 色探しの旅『Sky&Water』 |
| Arial Black | 色探しの旅『Sky&Water』 |
| Comic Sans MS | 色探しの旅『Sky&Water』 |
| Courier New | 色探しの旅『Sky&Water』 |
| Impact | 色探しの旅『Sky&Water』 |
| Symbol | 色探しの旅『Sky&Water』 |
| Times New Roman | 色探しの旅『Sky&Water』 |
| Verdana | 色探しの旅『Sky&Water』 |
| Webdings | 色探しの旅『Sky&Water』 |