2

私は姉がフラッシュで作成したウェブサイトを html に変換するのを手伝っています。

@font-face を介して css ファイルで定義しようとしているフラッシュで派手なフォントを使用します。Firefox、IE、および Chrome でページを開こうとしましたが、適切なフォントがどこにも表示されません。

私が使用している宣言は次のとおりです。

@font-face {
  font-family: "VAG Rounded";
  src: url("http://judith.huinink.net/chilax/VAGROUNL.OTF");
}

http://judith.huinink.net/chilax/index.htmには html が含まれています。

http://judith.huinink.net/chilax/chilax.cssには完全な CSS が含まれています。

フォントファイルをダウンロードできることを確認しましたが、ブラウザでページを開いたときにフォントが使用されません。何かを見落としているに違いない。誰か提案はありますか?

4

7 に答える 7

9

font-face が主流になる

2010 年 1 月現在、すべての主要な新しいブラウザーが font-face をサポートしています。

  • サファリ3.1
  • IE - すべてのバージョン
  • Firefox 3.6
  • クローム 4
  • オペラ10

http://webfonts.info/wiki/index.php?title=@font-face_browser_supportを参照してください。

于 2010-02-04T12:09:58.947 に答える
5

@font-face をサポートしているブラウザーはほとんどありません:いつ使用できますか...

于 2009-02-18T19:45:31.797 に答える
3

http://www.css3.info/preview/web-fonts-with-font-face/

于 2009-02-18T19:43:44.407 に答える
2

@font-face をサポートするすべてのブラウザーで @font-face を使用する方法: Jon Tangerine のブログ

ttf2eotは、Unix および Windows 用の優れたフォント コンバーターであるため、古い Microsoft WEFT を使用する必要はありません。一部の文字だけでなく、フォント全体を変換します。

@font-face 対応ブラウザの sIFR を無効にする sIFR で使用する JavaScript を次に示します

Flash は死ぬ必要があるので、sIFR の別の代替手段としてfaceliftがあります。画像を生成するサーバーサイド スクリプトです。

すべての sIFR 置換に関する問題は、テキストの選択とコピーが実際には機能しないことです。選択内容が表示されないか、単語または行未満を選択することが不可能です。<canvas> を使用する Cufón もあるため、新しいブラウザでのみ動作しますが、ほとんどのブラウザには @font-face があります。

正しいことを行い、最先端のテクノロジーを今すぐ使用してください: @font-face と TTF または OTF、および IE と古いブラウザーのフォールバック。できれば、HTML をきれいに保ち、これらのフォールバックを別の JavaScript ファイルと CSS ファイルに実装してください。IE の場合、上記の最初のリンクで説明したように、「条件付きコメント」を使用する必要がある場合があります。JavaScript が無効になっているブラウザーの場合は、常に、最後に Web セーフ フォントを含む代替フォントのリストを指定してください。

于 2009-05-16T14:38:56.773 に答える
1

これまで人気のあったsIFRまたはフラッシュに依存しない typeface.jsをチェックしてください

于 2009-02-23T14:21:01.583 に答える
1

ドメインに WWW を含めなければならない状況に遭遇しました。それがなければ、うまくいきません。

于 2010-11-17T18:12:33.330 に答える