<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">font</anchor></code> 要素および
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">basefont</anchor></code> 要素の <dfn><code class="HTMLa">face</code> 属性</dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォント</anchor>名を指定します。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor><ul><li><code class="HTMLa">face</code> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;present/graphics.html#adef-face-FONT&quot;">IW:HTML4:&quot;present/graphics.html#adef-face-FONT&quot;</anchor-external></li></ul></li></ul></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form><section><section><h1>代替</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> この属性は<strong>非推奨</strong>です。代わりに、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイル・シート</anchor>で指定できます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> では、 <samp class="CSS"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">font-family</anchor></samp> 特性が使えます。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>属性値</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> この属性の値は、フォント名の読点分離の並びです。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SGML</anchor> 的には <code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CDATA</anchor></code> です。
大文字・小文字は区別されません。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 15.2.2</src></p><p>フォント名並びは、 UA が探すべきフォントを優先順に並べたものです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> 他の読点並びで指定する場所と同様、仕様に明記されていないものの、
読点の両側に<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">空白</anchor>が指定できると思われます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> この属性は省略可能です。省略時の既定値はありません。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end>
<code class="char">,</code> を含むフォント名を指定する方法はないようです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="19" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[19]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">大文字・小文字不区別</anchor>とされますが、実際にも <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web互換性</anchor>のためどの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">大文字</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">小文字</anchor>の組み合わせでも
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォント</anchor>側が定義する<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォント名</anchor>と異なっていても) 対応する必要があるようです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end>
普通は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Windows</anchor> や <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Macintosh</anchor> のフォント名が指定されます。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">X</anchor> のあの長いフォント名による指定が反映される実装はあるのか、
指定した文書があるのかは不明です。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">一般フォント族</anchor>による指定も稀に見かけますが、
どう解釈されるかは不定です。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォント名</anchor>を「<code class="char"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">'</anchor></code>」で括ったりもされているみたいです。<ed xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">要、実装確認</ed></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> 
<cite>HTML TADS deviations from standard HTML specifications</cite>, <time>2007-06-23T19:42:00.000Z</time>, <time>2024-08-17T11:45:11.200Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.tads.org/t3doc/doc/htmltads/deviate.htm#TABLEadditions">https://www.tads.org/t3doc/doc/htmltads/deviate.htm#TABLEadditions</anchor-external></p></section><section><h1>文脈</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォント依存符号化</anchor></p></section><section><h1>アクセス可能性・可用性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <code class="HTMLa">face</code> 属性でフォントを指定しても、
読者の環境でそのフォントが存在しているかどうかは分かりません。
存在していても、設定によって使用しないようになっているかもしれません。
また、一般に<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">著者</anchor>が好きなフォントを読者も好きとは限りません。</p><p>ですから、強調の意味でフォントを変えるために <code class="HTMLa">face</code>
を使ったり、<q>明朝体の部分は<var>〜</var></q>のように記述したりすると、
意味が通じなくなることがあります。本文全体のフォントを変えると、
読者に負担を強いることにもなりかねません。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <samp><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Symbol</anchor></samp> などの本来の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">符号化文字集合</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">図形記号</anchor>とは異なる<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">グリフ</anchor>を割り当てたようなフォントを
<code class="HTMLa">face</code> により指定し、特殊な記号などを使う<q>裏技</q>が紹介されることがたまにあります。
(実際に使用されていることも稀にあります。)</p><p><anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;11</anchor-internal> の指摘の通り、指定したフォントが必ずしも使われるとは限りませんから、
意味不明な文字列として表示されることになります。また、
たとえ希望したフォントで表示されたとしても、Web 
ブラウザが本来の文字の意味に従って整形
<weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">(<anchor>字間</anchor>の調整とか、<anchor>ハイフン付け</anchor>とか)</weak> 
した結果表示が崩れてしまうこともあります。
フォントを使って本来の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文字</anchor>とは異なるグリフを指定することは行ってはいけません。</p></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> 仕様に明記されていませんが、 <code class="HTMLe">basefont</code>
要素の場合は <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">size</anchor></code> 属性同様、
基底のフォントとして機能するはずです。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> <cite>Incorrectly designed, unreadable Russian pages</cite>, <time>2025-06-16T14:50:53.000Z</time>, <time>2006-06-28T07:21:30.181Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://web.archive.org/web/20060628071642/http://ourworld.compuserve.com/homepages/PaulGor/ff.htm">https://web.archive.org/web/20060628071642/http://ourworld.compuserve.com/homepages/PaulGor/ff.htm</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end> 
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;15</anchor-internal> 全世界的に嫌われていた <code>&lt;font face&gt;</code> だが、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ロシア語</anchor>圏では別の問題もあった。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ロシア語</anchor>フォントが相手方の計算機にも入っているとは限らない。また、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ロシア語</anchor>の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">OS</anchor> とそうでない <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">OS</anchor> で同名<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォント</anchor>でも<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">キリル文字</anchor>が入っていたりいなかったりする。
後者は特に問題で、当時の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザー</anchor>はグリフがなければそこだけ他のフォントにフォールバック、という今日なら当たり前の機能がないので、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">キリル文字</anchor>が無いフォントが指定されていると読めなくなってしまう。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="18" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[18]</anchor-end> <cite>Making Home Pages in Korean - EHC</cite>, <time>2021-12-31T02:07:47.000Z</time>, <time>2025-06-17T10:02:38.737Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.kmml.net/ehc/hhpage.html#_face">http://www.kmml.net/ehc/hhpage.html#_face</anchor-external></p><blockquote><p>また、&lt;font face=&quot;돋움, Arial&quot;&gt;のように、フォント名を決め打ちするタグが入っているHTMLも、韓国のページで最近よく見かけます。この場合、돋움というフォントのハングル名は日本語Windowsでは認識できない上、フォント名は先に書かれたものから認識されますので、欧文フォントでなおかつバージョン3.1以降のWindowsなら言語を問わず必ず入っている &quot;Arial&quot; が優先されることになり、日本語Windowsではハングルに見えません。</p><p>このほか、韓国のページでは、中身がハングルの文字列なのに&lt;font face=&quot;Times New Roman&quot;&gt;のように欧文フォント名が指定されているHTMLもよく見かけます。韓国のハングルページで中身(文字列)がハングルであるにもかかわらず、欧文フォントが指定されているケースが多いのは、ハングルWindowsでは欧文フォント名を指定してもハングルが表示できるのが当然だからです。ArialやTimes New Romanのように、日本語環境では欧文表示になるフォント名をハングルの文字列に対して指定しないでください。日本語Windows上などでも多くの人に見てもらうためには、絶対に真似をしてはいけません。</p><p>逆に、日本語の文字列に対してこのタグを使う場合にも、日本語Windowsのフォント名「MS 明朝(&quot;MS&quot;はいわゆる全角、その後に続く空白はいわゆる半角です)」が、ハングルWindowsなど他の言語環境では「MS Mincho」(こちらの&quot;MS&quot;とそれに続く空白はいわゆる半角です)に見えることへの配慮が必要です。</p></blockquote><blockquote><p>ちなみにInternet Explorerではもちろん&quot;charset=ks_c_5601-1987&quot;を認識しますし、&lt;font face=&gt;で前述のようなハングル名のハングルフォント+欧文フォントというタグがあっても、ハングルに見えるようです。こうした事実やIME for IE 4.0などの存在から、日本のWindowsユーザーでかつハングルのページを見る人の間ではInternet Explorerの普及率が圧倒的に高いようですが、ハングルでHTMLを書くなら、Internet Explorerだけでなく必ずNetscape Navigatorでも表示テストを行うことをお勧めします。</p></blockquote></section></body></html>