[4] [[HTML]] の [DFN[[CODE(HTMLe)[font]] 要素型]]の要素は、
文字の大きさや色を変更します。

[5] 仕様書:
- [[HTML 4]]
-- 15.2.2 Font modifier elements: [CODE(HTMLe)[FONT]] and [CODE(HTMLe)[BASEFONT]]
<IW:HTML4:"present/graphics.html#edef-FONT">

[6]
:[[局所名]]:[CODE(HTMLe)[font]]
:[[名前空間名]]:[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:[CODE(SGML)[(%[[inline]];)*]]
:出現できる文脈:[CODE(SGML)[%inline]] な文脈

* 属性

,[CODE(HTMLa)[[[class]]]]	,	,	,[[級]]	,[HTML4] %[[coreattr]]
,[CODE(HTMLa)[[[color]]]]	,[CODE(SGML)[%[[Color]]]]	,(継承)	,文字色	,[HTML 4] 非推奨
,[CODE(HTMLa)[[[dir]]]]	,	,	,[[書字方向]]	,[HTML4] %[[i18n]]
,[CODE(HTMLa)[[[effect]]]]	,	,	,表示効果	,非標準	,[[WebTV]]
,[CODE(HTMLa)[[[face]]]]	,	,(継承)	,書体	,[HTML 4] 非推奨
,[CODE(HTMLa)[[[id]]]]	,	,	,一意識別子	,[HTML4] %coreattr
,[CODE(HTMLa)[[[lang]]]]	,	,	,[[自然言語]]	,[HTML4] %i18n
,[CODE(HTMLa)[[[xml]]:lang]]	,	,	,自然言語	,[XHTML1]
,[CODE(HTMLa)[[[point-size]]]]	,	,	,文字の大きさ (ポイント単位)	,非標準
,[CODE(HTMLa)[[[size]]]]	,	,(継承)	,文字の大きさ	,[HTML 4] 非推奨
,[CODE(HTMLa)[[[style]]]]	,	,	,スタイル情報	,[HTML4] %coreattr
,[CODE(HTMLa)[[[title]]]]	,	,	,注釈的題	,[HTML4] %coreattr
,[CODE(HTMLa)[[[weight]]]]	,	,	,太さ	,非標準
,[CODE(XMLa)[[[xmlns]]]]	,[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] 固定	,[[名前空間名]]	,W3C 勧告	,[[XHTML m12n]]

- [CODE[hxpfr][<font hxpfr>]]

[10] なぜか HTML 4 では [CODE(SGML)[%[[event]]]] 属性集合が含まれていません。

[[#comment]]


** 代替

[8] この要素型は'''[RUBYB[非推奨] [deprecated]]'''です。
代わりに、[[スタイル・シート]]を利用できます。

[9] [[CSS]] なら、 [CODE(HTMLa)[face]] 属性を
[SAMP(CSS)[[[font-family]]]] 特性、 [CODE(HTMLa)[color]]
属性を [SAMP(CSS)[[[color]]]] 特性、 [CODE(HTMLa)[size]]
属性を [SAMP(CSS)[[[font-size]]]] 特性で指定できます。

[[#comment]]


** 他との関係

[7] [CODE(HTMLe)[font]] 要素を使わない時や属性を省略した時や
[CODE(HTMLa)[size]] 属性で相対指定を行った時の基底 (既定)
の値は、 [CODE(HTMLe)[[[basefont]]]] 要素の指定によります。

[[#comment]]


** 不思議解釈

[1] 【[[HP]]】 文字を表示させるための[[タグ]]。

[2] 一説に、表示させる全ての文字列は [CODE(HTMLe)[font]] 
タグで囲んでおかないといけないらしい。 ([[XUL]] 
でどの[[箱]]にも属さないものは表示されない、みたいなもんだな。)

[3] >>2 でも、当のその解説が [CODE(HTMLe)[font]] 
タグに囲まれていない文字列を書いていたりするが。

[[#comment]]


* 歴史

** [CODE[font]] の誕生

[17]
[CODE(HTMLe)@en[[[font]]]] [[要素]]は、[[HTML 2.0]]
の拡張として [[Netscape Navigator]] が実装しました。

当初は [CODE(HTMLa)@en[[[size]]]] [[属性]]だけが定義されていました。

;; [CITE[Netscape Navigator Extensions to HTML]]
<http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html>



[FIG(data)[ [111] [[HTML要素概説]]

:[F[要素名]]:[CODE[font]]
:[F[要素名]]:[CODE[basefont]]
:日付:[TIME[1994-10]]
:説明:
[TIME[1994]]頃の
[[Netscape Navigator 1]]
が
[CODE[font]],
[CODE[basefont]]
を実装した。
[TIME[1994-10-14]]時点で既に実装・公開済みだったと推測される。
[SRC[SuikaWiki:[[center]]]]
:出典:
[REFS[

-
[DFN[NNExts]]:
[CITE@en[Netscape Navigator Extensions to HTML]], 
[DATA(.author)[[[Netscape Communications Corporation]]]],
[TIME(.published)[1995]],
[TIME[2024-08-16T07:01:19.000Z]], [TIME[2000-04-15T02:47:36.483Z]] <http://web.archive.org/web/20000415023954/http://www.netscape.com/home/services_docs/html-extensions.html>

]REFS]

]FIG]

** NN3

[26] [CODE[<font face>]]:

[25] 
[CITE[Welcome to Netscape Navigator 3.0]], [TIME[2024-08-16T11:46:39.000Z]], [TIME[2002-06-30T20:10:08.695Z]] <https://web.archive.org/web/20020630200918/http://wp.netscape.com/eng/mozilla/3.0/relnotes/windows-3.0.html#Layout>


;; [27] これは [[IE]] が先だったはず

- [34] [CITE@ja[<font> - フォント - とほほのWWW入門]], [TIME[2025-05-14T05:25:04.000Z]], [TIME[2025-06-03T13:48:09.889Z]] <https://www.tohoho-web.com/html/font.htm>
- [36] [CITE[Font]], [TIME[2005-04-07T17:55:42.000Z]], [TIME[2025-06-03T13:49:54.475Z]] <http://www.blooberry.com/indexdot/html/tagpages/f/font.htm>

[35] >>34 によると [CODE[<font face>]] は IE2+、 NN3+。

[37] >>36 は [CODE[<font face>]] を IE1+、 NN4+ としているが個人的な記憶とは合わない。
>>35 を信用したい。

[24] [CODE[<font color>]]:

[19] [CITE[New HTML 3.0 Proposals]], [TIME[2024-08-15T14:44:47.000Z]], [TIME[1997-06-14T03:22:19.453Z]] <http://web.archive.org/web/19970613222237/http://www82.netscape.com/assist/net_sites/new_html3_prop.html>

** HTML3

[33] [CODE[c][<c>]] も参照。

** NN4

[23] 
[CITE[Dynamic HTML in Communicator]], [TIME[2024-08-16T08:58:23.000Z]], [TIME[2000-12-06T09:39:26.617Z]] <https://web.archive.org/web/20001206092700/http://developer.netscape.com/docs/manuals/communicator/dynhtml/webfont1.htm#1032362>


** 不思議マーク付けの時代

[38] 
[CITE[What's Wrong With FONT?]], [TIME[2025-06-16T14:30:50.000Z]], [TIME[2004-06-27T08:00:20.247Z]] <https://web.archive.org/web/20040627075101/http://www.mcsr.olemiss.edu/~mudws/font.html>


[FIG(data)[ [20] [[HTML要素概説]]

:[F[要素名]]:[CODE[font]]
:日付:[TIME[1998-10-28]]
:説明:
[[日本政府]]の[[特許庁]]の特許出願用 HTML ファイル仕様は、
[CODE[font]]
を[[倍角]]の表現のため使っている。 [SRC[>>21]] 
[TIME(jp)[1998-10-28]]付で民間で作成された [[DTD]] に既にある。
[SRC[>>22]]
HTML 出願制度開始当初からの仕様と思われる。
:出典:
[REFS[

- [22] 
[CITE@ja[Tokkyocho HTML DTD]],
[DATA(.author)[[[show@softvision.co.jp]]]],
[TIME(.published jp)[1998-10-28T14:17+09:00]],
<https://www.antenna.co.jp/XML/dtd/tokkyocho-html.zip>
- [21] 
[CITE@ja[HTMLの規定]], 
[TIME(.seen jp)[2024-02-22T03:18:08.000Z]], 
[TIME[2024-08-13T03:31:34.179Z]] <https://www.pcinfo.jpo.go.jp/guide/Content/Rules/HtmlRules.htm>



]REFS]


]FIG]

** HTML5

[32] [CITE@en['''['''whatwg''']''' Presentational safety valves]], [[Ian Hickson]], [TIME[2023-08-26T22:10:31.000Z]], [TIME[2024-09-03T13:13:59.751Z]] <https://lists.w3.org/Archives/Public/public-whatwg-archive/2007Jan/0032.html>

[18]
[CITE[IRC logs: w3c / #html-wg / 20070330]] ([CODE[2007-03-31 21:23:37 +09:00]] 版) <http://krijnhoetmer.nl/irc-logs/html-wg/20070330#l-991>

> # # [20:56] <Hixie> the <font> and style="" issue in HTML5 isn't even remotely decided yet
> # # [20:56] <Hixie> the current text is clearly not acceptable to a majority of people and will be changing



[FIG(data)[ [216] [[HTML要素概説]]

:[F[要素名]]:[CODE[font]]
:日付:[TIME[2005-12]]
:説明:
[TIME[2005-12]]の [[Google検索]]のデータベースを使った調査によると、
[[要素]]の利用数第16位が
[CODE[font]]
だった。
:出典:
[REFS[

-
[CITE[Google Code: Web Authoring Statistics: Pages and elements]], 
[DATA(.author)[[[Ian Hickson]]]],
[TIME(.published)[2006]],
[TIME[2024-08-24T07:08:22.000Z]], [TIME[2006-02-03T03:49:06.745Z]] <https://web.archive.org/web/20060203033128/http://code.google.com/webstats/2005-12/pages.html>

]REFS]

]FIG]

[29] [CITE@en[introduction of WYSIWYG editors and the <font> element (content model…]], [[Hixie]], [TIME[2007-01-12 05:17:39 +09:00]], [TIME[2024-09-01T12:40:18.000Z]] <https://github.com/whatwg/html/commit/beb452e7c2134a41085175c7bb903a6a8e350cd0#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>

[FIG(data)[ [28] [[HTML要素概説]]

:[F[要素名]]:[CODE[font]]
:日付:[TIME[2007-01-12]]
:説明:
[TIME[2007-01-12]]、
[CITE[HTML5]]
は
[CODE[font]]
を追加した。
[[WYSIWYG]] エディター用として再定義された。
:出典:
[REFS[

- [CITE[HTML5 r466]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2007-01-12 05:17:39 +09:00]], [TIME[2024-09-01T12:40:18.000Z]] <https://github.com/whatwg/html/commit/beb452e7c2134a41085175c7bb903a6a8e350cd0>

]REFS]

]FIG]



[30] [CITE@en['''['''''']''' (0) <font> is gone; style='' is global.]], [[Hixie]], [TIME[2008-04-29 21:23:28 +09:00]], [TIME[2024-09-02T13:09:00.000Z]] <https://github.com/whatwg/html/commit/bd2c20622f8b7f19bf1fe1faa7e83abfaf8607e2#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>


[39]
[CITE@en[<font> and style="" in HTML5]] ([[Ian Hickson]] 著, [TIME[2008-04-29 21:21:45 +09:00]] 版) <http://lists.w3.org/Archives/Public/public-html/2008Apr/0795.html>

[FIG(data)[ [31] [[HTML要素概説]]

:[F[要素名]]:[CODE[font]]
:日付:[TIME[2008-04-29]]
:説明:
[TIME[2008-04-29]]、
[CITE[HTML5]]
は
[CODE[font]]
を削除した。
新定義が甚だ不評だったことによる。
:出典:
[REFS[

- [CITE[HTML5 r1511]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2008-04-29 21:23:28 +09:00]], [TIME[2024-09-02T13:09:00.000Z]] <https://github.com/whatwg/html/commit/bd2c20622f8b7f19bf1fe1faa7e83abfaf8607e2>


]REFS]

]FIG]




[40] [CITE[WWW-HTML Apr-Jun 1994: Color in HTML]]
( ([TIME[2014-04-07 05:22:01 +09:00]] 版))
<http://1997.webhistory.org/www.lists/www-html.1994q2/0041.html>

[41] [CITE[New HTML 3.0 Proposals]]
( ([TIME[2014-04-07 08:07:52 +09:00]] 版))
<http://web.archive.org/web/19970806103517/http://www31.netscape.com/assist/net_sites/new_html3_prop.html>

[42] [CITE[Welcome to Netscape Navigator Version 2.0]]
( ([TIME[2014-04-07 08:49:39 +09:00]] 版))
<http://web.archive.org/web/20030202175634/http://wp.netscape.com/eng/mozilla/2.0/relnotes/windows-2.0.html#Images>

[11] [CITE@en[Move <font color> text-decoration weirdness from whatwg/quirks to wha… · whatwg/html@08e78b5]]
([TIME[2015-08-29 17:56:20 +09:00]] 版)
<https://github.com/whatwg/html/commit/08e78b5d35d9ea00ef42f0e59807f8fccaff2322>

[12] [CITE@en[Remove the font element text decoration color quirk · whatwg/quirks@c3e8961]]
([TIME[2015-08-29 17:57:12 +09:00]] 版)
<https://github.com/whatwg/quirks/commit/c3e8961d4d6022a7e5d4f32d81a08ab956980990>

[FIG(quote)[
[FIGCAPTION[
[13] [CITE[W3M FAQ]]
( ([TIME[2001-02-01 18:02:39 +09:00]]))
<http://homepage2.nifty.com/aito/w3m/FAQ.html>
]FIGCAPTION]

> Netscapeでは赤い文字になっている部分が,w3m では黒いまま.なぜ?
> w3mは,<FONT COLOR="..">による文字の色指定には対応していません. 対応は不可能ではないですが,文字の色が背景と同じになったりして見づらく なるのがオチなので,あまり対応する気になりません.

]FIG]


[14] [CITE@en[Ack Chris Wilson]]
( ([[sideshowbarker]]著, [TIME[2016-06-18 16:34:23 +09:00]]))
<https://github.com/whatwg/html/commit/27fc5542fde42cbac90fca94a36f1580b67c5f01>

[FIG(quote)[
[FIGCAPTION[
[15] [CITE@ja[兵庫県の古民家 田舎暮し 明石屋不動産]]
( ([TIME[2016-10-04 11:30:46 +09:00]]))
<http://www.akasiya2000.com/>
]FIGCAPTION]

> <font color="#ff0066" size="5" face="HG創英角ポップ体">

]FIG]

[16] [[CEA-2014-B]]