|
font-family |
ウエブページの文字のフォント(書体)は、
プラウザによって決められたフォントが表示されます。
Internet Explorer の標準のフォントはゴシック系のフォント(MSゴシック)です。
このウエブページのフォントはスタイルシートの font-family プロパティで変更出来ます。
ここでは、見出しをゴシック系(サンセリフ)、本文を明朝系(セリフ)に変更します。
上のページに文字のフォントを指定します。
<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> ・・・・・・・・以下略・・・・・・・・ |
フォントを指定するプロパティ | |
font-family:フォント名; | |
font-family プロパティは、文字のフォントを指定するプロパティです。 ここでは、汎用フォントファミリと呼ばれるフォントタイプで指定しています。 |
汎用フォントファミリ | フォントの形状 | 例(Internet Explorer) |
serif | セリフ(ゴシック系) | 日本語 English |
sans-serif | サンセリフ(明朝系) | 日本語 English |
monpspace | 等幅フォント | 日本語 English |
cursive | 筆記体調のフォント | 日本語 English |
fantasy | 飾り文字系のフォント | 日本語 English |
汎用フォントファミリでは、ゴシック系か、明朝系か、というフォントの系統だけを 指定するもので、表示に使用されるフォントはプラウザの設定に従います。 |
フォント名 | 表示例(InternetExplorer) |
{font-family:MS P明朝} | 文字列 |
{font-family:MS Pゴシック} | 文字列 |
{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 |