3

<font>タグつけてみた…

<html>
<font face="papyrus" size="20"> This is a font demo! </font>
</html>

Papyrus フォントでは表示されます... しかし、他のフォントを使用すると表示されません. 表示されないのはなぜですか??

4

3 に答える 3

3

Web ページ上の要素がレンダリングされると、その CSS がチェックされ、ブラウザーは指定されたスタイルを要素に適用しようとします。フォントは CSSfont-family属性で指定します。(<font>タグは使用しないでください。) ブラウザは、属性で指定されたフォントを調べて、現在のシステム環境にフォントが含まれているかどうかを確認します。例えば：

font-family: Verdana, Arial, Tahoma, Sans-Serif;

ブラウザーは、リストの最初のフォントを表示しようとし、特定のフォントをサポートしていない場合は、対応するフォントが見つかるまで 1 つずつ表示しようとします。このような宣言は、常に次のジェネリック ファミリのいずれかで終了する必要があります。

  • セリフ
  • サンセリフ
  • モノスペース
  • 筆記体
  • ファンタジー

これらは、ブラウザで常に表示可能なデフォルト フォントのエイリアスであるためです。

ページが特定のフォントを表示することを保証したい場合は、CSS3 @font-face ディレクティブを使用できます。これにより、サーバーにフォントを保存し、ページにアクセスしたときにクライアント アプリケーションによってフォントが読み込まれるようにすることができます。

形式に関しては、TrueType と OpenType が一般的で広く利用されていますが、WOFF 形式に取って代わられています ( https://developer.mozilla.org/en-US/docs/CSS/@font-faceを参照)。WOFF はオープン フォーマットであり、W3C (http://en.wikipedia.org/wiki/Web_Open_Font_Format) によって標準化が進められています。

最後に一言: すべてのフォントがフリーでオープンというわけではありません。@font-face ディレクティブで独自のフォントを共有していないことに注意してください。CSS を使用して独自のフォントを指定できます。これは、それらが (できれば合法的に) インストールされているマシンにのみ読み込まれるためです。フォントはこのように。http://www.google.com/webfontsで自由に使用できるフォントを探している場合は、Google Web Fonts から始めるのが最適です。

于 2012-12-01T09:04:38.613 に答える
1

<font face=...>HTML で使用するか、よりモダンなfont-family: ...CSS で対応するものを使用すると、ページが表示されているコンピューターにインストールされているフォントを使用できます。

たとえば、Street Cred の圧縮パッケージをhttp://www.dafont.com/street-cred.fontからダウンロードし、解凍してフォントをインストールした場合、<font face="Street Cred">Hello world</font>そのフォントでテキストが表示されます。

そのフォントはどのコンピューターにもほとんどプリインストールされていないため、それを行っていない場合は機能しません。

どのフォント名を使用すべきかが明確でない場合があります。これは標準化されていませんが、通常、ブラウザーはフォント自体 (名前テーブル内) で定義されているフォント ファミリー名を認識します。これは、フォント ファイルの名前と一致する必要はありません。

コンピューターにインストールされているフォントを確認するには、次のようなサービスを使用できます。

マイフォント リスト ビューア(IE のみで動作)

インストールされているフォントのリストを Flash と Javascript で取得する

フォントリストの例(Flash が必要)

于 2012-12-01T12:57:17.337 に答える
-1

font タグは HTML5 ではサポートされていません。これは、サポートされていない最初の理由かもしれません。

代わりに CSS でfont-family属性を使用してください。

*誰でも参照できます: w3schools.com/tags/tag_font.asp*

于 2012-12-01T08:52:18.660 に答える