font要素テキスト装飾色奇癖

font 要素 (HTML)

[4] HTMLfont 要素型の要素は、 文字の大きさや色を変更します。

[5] 仕様書:

[6]

局所名
font
名前空間名
http://www.w3.org/1999/xhtml
開始タグ
必須
終了タグ
必須
内容模型
(%inline;)*
出現できる文脈
%inline な文脈
属性
属性名属性値既定値説明状態出典
class[HTML4] %coreattr
color%Color(継承)文字色[HTML 4] 非推奨
dir書字方向[HTML4] %i18n
effect表示効果非標準WebTV
face(継承)書体[HTML 4] 非推奨
id一意識別子[HTML4] %coreattr
lang自然言語[HTML4] %i18n
xml:lang自然言語[XHTML1]
point-size文字の大きさ (ポイント単位)非標準
size(継承)文字の大きさ[HTML 4] 非推奨
styleスタイル情報[HTML4] %coreattr
title注釈的題[HTML4] %coreattr
weight太さ非標準
xmlnshttp://www.w3.org/1999/xhtml 固定名前空間名W3C 勧告XHTML m12n

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

代替

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

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

他との関係

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

不思議解釈

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

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

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

歴史

font の誕生

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

当初は size 属性だけが定義されていました。

[111] HTML要素概説
要素名
font
要素名
basefont
日付
説明
頃の Netscape Navigator 1font, basefont を実装した。 時点で既に実装・公開済みだったと推測される。 SuikaWiki:center
出典

NN3

[26] <font face>:

[25] Welcome to Netscape Navigator 3.0, , https://web.archive.org/web/20020630200918/http://wp.netscape.com/eng/mozilla/3.0/relnotes/windows-3.0.html#Layout

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

[24] <font color>:

[19] New HTML 3.0 Proposals, , http://web.archive.org/web/19970613222237/http://www82.netscape.com/assist/net_sites/new_html3_prop.html

HTML3

[33] c も参照。

NN4

[23] Dynamic HTML in Communicator, , https://web.archive.org/web/20001206092700/http://developer.netscape.com/docs/manuals/communicator/dynhtml/webfont1.htm#1032362

不思議マーク付けの時代

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

HTML5

[32] [whatwg] Presentational safety valves, Ian Hickson, , https://lists.w3.org/Archives/Public/public-whatwg-archive/2007Jan/0032.html

[18] IRC logs: w3c / #html-wg / 20070330 (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

[216] HTML要素概説
要素名
font
日付
説明
Google検索のデータベースを使った調査によると、 要素の利用数第16位が font だった。
出典

[29] introduction of WYSIWYG editors and the <font> element (content model…, Hixie, , https://github.com/whatwg/html/commit/beb452e7c2134a41085175c7bb903a6a8e350cd0#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d

[28] HTML要素概説
要素名
font
日付
説明
HTML5font を追加した。 WYSIWYG エディター用として再定義された。
出典

[30] [] (0) <font> is gone; style= is global.]], Hixie, , https://github.com/whatwg/html/commit/bd2c20622f8b7f19bf1fe1faa7e83abfaf8607e2#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d

[39] <font> and style="" in HTML5 (Ian Hickson 著, 版) http://lists.w3.org/Archives/Public/public-html/2008Apr/0795.html

[31] HTML要素概説
要素名
font
日付
説明
HTML5font を削除した。 新定義が甚だ不評だったことによる。
出典

[40] WWW-HTML Apr-Jun 1994: Color in HTML ( ( 版)) http://1997.webhistory.org/www.lists/www-html.1994q2/0041.html

[41] New HTML 3.0 Proposals ( ( 版)) http://web.archive.org/web/19970806103517/http://www31.netscape.com/assist/net_sites/new_html3_prop.html

[42] Welcome to Netscape Navigator Version 2.0 ( ( 版)) http://web.archive.org/web/20030202175634/http://wp.netscape.com/eng/mozilla/2.0/relnotes/windows-2.0.html#Images

[11] Move <font color> text-decoration weirdness from whatwg/quirks to wha… · whatwg/html@08e78b5 ( 版) https://github.com/whatwg/html/commit/08e78b5d35d9ea00ef42f0e59807f8fccaff2322

[12] Remove the font element text decoration color quirk · whatwg/quirks@c3e8961 ( 版) https://github.com/whatwg/quirks/commit/c3e8961d4d6022a7e5d4f32d81a08ab956980990

[13] W3M FAQ ( ()) http://homepage2.nifty.com/aito/w3m/FAQ.html

Netscapeでは赤い文字になっている部分が,w3m では黒いまま.なぜ?

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

[14] Ack Chris Wilson ( (sideshowbarker著, )) https://github.com/whatwg/html/commit/27fc5542fde42cbac90fca94a36f1580b67c5f01

[15] 兵庫県の古民家 田舎暮し 明石屋不動産 ( ()) http://www.akasiya2000.com/

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

[16] CEA-2014-B