字体 HTMLのベーシック目次 整形テキスト

フォント <font>

<font>タグを使うことで、テキスト中のフォントサイズや色などを指定できます。

フォントサイズ

フォントサイズの変更は<font>タグのsize属性を使って行い、1〜7までが指定できるサイズの有効範囲で、デフォルト(初期設定)フォントサイズは3です。また、サイズの代わり+か−の数値で直前のフォントサイズとの差分(+/−)を指定することもできます。
	
	
	<font size=1>このフォントサイズは1です</font><br>
	<font size=2>このフォントサイズは2です</font><br>
	<font size=3>このフォントサイズは3です</font><br>
	<font size=4>このフォントサイズは4です</font><br>
	<font size=5>このフォントサイズは5です</font><br>
	<font size=6>このフォントサイズは6です</font><br>
	<font size=7>このフォントサイズは7です</font><br>
	
	

このフォントサイズは1です
このフォントサイズは2です
このフォントサイズは3です
このフォントサイズは4です
このフォントサイズは5です
このフォントサイズは6です
このフォントサイズは7です

ベース・フォントサイズ

HTML文書の基本となるフォントサイズを<basefont>タグで変更できます。有効な範囲はfontタグと同じ1〜7で、デフォルト・フォントサイズも同じく3です。なお、基本フォントを変更しても、見出しのサイズは変わりません。また、基本フォントはどこからでも変更可能です。
	
	
	<basefont size=+2>
	ベース・フォントサイズを変えて5になりました。指定できるベース・フォントサイズは
	1〜7です。指定したサイズが<font size=-2>&lt;basefont&gt;</font>タグの後で
	さらにサイズを変更する場合の基本となります。

	<h1>これはレベル1の見出しです</h1>
	<h2>これはレベル2の見出しです</h2>
	<h3>これはレベル3の見出しです</h3>
	<h4>これはレベル4の見出しです</h4>
	<h5>これはレベル5の見出しです</h5>
	<h6>これはレベル6の見出しです</h6>
	
	<!--元のサイズに戻す-->
	<basefont size=-2>
	
	
ベース・フォントサイズを変えて5になりました。指定できるベース・フォントサイズは1〜7です。指定したサイズが<basefont>タグの後でさらにサイズを変更する場合の基本となります。

これはレベル1の見出しです

これはレベル2の見出しです

これはレベル3の見出しです

これはレベル4の見出しです

これはレベル5の見出しです
これはレベル6の見出しです


フォントの重ね指定

ネットスケープなどではフォントのサイズやタイプの変更を重ねて指定できます。
	
	
	<i><tt><font size=6><b>italic fixed bold text of size 	6</b></font></tt></i><p>
	
	<font size=+2>T</font>HE
	<font size=+2>F</font>ONT
	<font size=+2>S</font>IZE
	<font size=+2>(C</font>APS SIZE
	<font size=+2>)</font><P>
	
	<font size=-2>N</font>
	<font size=-1>E</font>
	<font size=+1>T</font>
	<font size=+2>S</font>
	<font size=+3>K</font>
	<font size=+2>A</font>
	<font size=+1>P</font>
	<font size=-1>E</font>
	<font size=-2>!</font><p>
	
	
italic fixed bold text of size 6

THE FONT SIZE (CAPS SIZE )

N E T S K A P E !


カラーフォント

<font>タグに新しく色を指定できるcolor属性が追加されました。色は#rrggbbの16進数での3原色を指定するか、色の名称を指定します。
	
	
	<font color="#ff0000">#ff0000色のテキスト</font>
	<font color="#00ff00">#00ff00色のテキスト</font>
	<font color="#0000ff">#0000ff色のテキスト</font>
	<font color="red">赤色のテキスト</font>
	<font color="green">緑色のテキスト</font>
	<font color="blue">青色のテキスト</font>
	
	


フォント指定

face属性を利用して、フォントを変更することができます。
	
	
	<font face="arial">arial font</font><br>
	<font face="times">times font</font><br>
	<font face="courier">courier font</font>
	
	
arial font
times font
courier font

また、ネットスケープなどではface属性に複数のフォントを指定することで、フォントの優先順位を指定できます。

	
	
	<font face="font1,font2,...,fontN">
	
	


<big>、<small>タグ

HTML3.0からフォントサイズを指定するタグとして、サイズを大きくする<big>タグと小さくする<small>タグがサポートされました。フォントサイズを変更したいテキストを開始タグと終了タグで囲んで使用し、これらのタグは入れ子にすることが可能です。
	
	
	<ul>
	<li>Normal Font
	<li><big>BIG FONT</big>
	<li><small>small font</small>
	<li><big>BIG <big>BIG <big>FONT</big></big></big>
	<li><small>small <small>small font</small></small>
	<li><big>BIG FONT <small>small font</small></big>
	<li><small>small font <big>BIG FONT</big></small>
	</ul>
	
	



Copyright (C) 1996-2003 by Yasukazu Yokoi. All Rights Reserved.