 |
ホームページ作成 HTML講座 fontタグ（文字）
ホームページ作成・HTML講座・スタイルシート（CSS)・javascript・SEO対策
|
|
■fontタグ：文字サイズ、書体指定、文字色等  |
 |
|
【解説】<font color=・・・>のみ携帯対応
文字サイズ・書体指定・文字色・その他修飾 |
文字サイズ
<basefont size="（1）">
<font size="（2）">任意の文字</font>
<インラインタグ style="font-size: （3）">任意の文字</インラインタグ>
（1）基本サイズ（1〜7を指定） 数字が大きくなるほど字も大きくなる。
（2）サイズ（-7〜7を指定）
（3）詳細なサイズ（単位指定もしくはキーワード指定）
| 単 位 |
意 味 |
| in |
インチ。1in＝25.4ｍｍ |
| cm |
センチメートル |
| mm |
ミリメートル |
| pt |
ポイント。1pt＝1/72in |
| pc |
パイカ。1pc＝12pt |
| px |
ピクセル。表示上の1ドット（単位指定が無ければpxが単位となります） |
| em |
基準書体の文字の高さ |
| ex |
基準書体の文字ｘの高さ |
| % |
基準書体のサイズに対する百分率 |
| キーワード |
絶対サイズ |
キーワード |
相対サイズ |
| xx-small |
超特小 |
smaller |
より大きく |
| x-small |
特小 |
larger |
より小さく |
| small |
小 |
|
|
| medium |
標準 |
|
|
| large |
大 |
|
|
| x-large |
特大 |
|
|
| xx-large |
超特大 |
|
|
|
サンプルソ−ス（サイズ）
<basefont size="2">
サンプルＦＯＮＴ-basefont
<font size="4">サンプルＦＯＮＴ-font</font>
<b style="font-size: 10pt">サンプルＦＯＮＴ-b</b> |
 サンプル表示 |
書体
<font face="（1）">任意の文字</font>
<インラインタグ style="font-family: （1）">任意の文字</インラインタグ>
（1）書体名
カンマで区切れば複数のフォントを指定できます。
最初に指定したフォントが優先で存在しなければ次フォント候補が設定されます。 |
サンプルソ−ス（書体）
<font face="ＭＳ Ｐ明朝">サンプルＦＯＮＴ</font>
<sapn style="font-family: 'MS Ｐゴシック','MS Ｐ明朝'">ＭＳゴシックで表示・・・</span> |
| サンプル表示 |
文字色
<font color="（1）">任意の文字</font>
<インラインタグ style="color: （1）">任意の文字</インラインタグ>
（1）文字色（コード） |
サンプルソ−ス（文字色）
<font color="red">赤で表示</font>
<font color="#ff0000">赤で表示</font>
<span style="color: red">赤で表示</span>
<span style="color: #ff0000">赤で表示</span> |
| サンプル表示 |
|
|
|
ページトップへ |