問題タブ [font-face]

こんにちは、何らかの理由で、FireFox は、最新のすべてのブラウザーでカスタム フォントを取得するという想定された「防弾」方法に準拠していません。

まあ、何か間違ったことをしているだけだといいのですが、実際に機能しているように見えるからです。

これが私のCSSスタイルです：

ライブの FireFox の問題を確認したい場合は、私の URL はhttp://www.marioplanet.comです。

次のルールを使用して、静的ドメインがフォントをホストできるようにしましたが、ブラウザーのキャッシュが有効になっていると、ブラウザー (firefox、safari) でフォントが使用されないという問題が発生しました。

また、静的コンテンツをキャッシュしても問題ないことをブラウザに知らせるために、以下のルールを使用しました。

ブラウザのキャッシュをオフにしてサイトを閲覧すると、毎回フォントが読み込まれて表示されます。

ブラウザのキャッシュをオフにしてページを読み込むと、フォントは読み込まれますが (firebug > net)、表示されません!

ヘッダーがブラウザに私304 Content Not Modifiedの努力を無視させていますか?

@font-faceヘッダーだけでなく、サイト上のすべてのテキストにカスタム フォントを使用する (を使用する) ことを検討しているサイトを構築しています。ヘッダーだけのために別のサイトのカスタムを既に統合しましたが@font-face、これは正常に機能しますが、すべてに Web フォントを使用する場合のパフォーマンス (特にレンダリング) が少し心配です。特に IE では、IE7 と IE8 のアンチエイリアシングの問題を修正するためにこのハックが必要になるためです。

@font-faceすべてのフォントを使用しながら大規模な Web サイトを展開した経験がある人はいますか (またはさらに良い: テスト結果) ?

更新: 本文テキストに Web フォントを 1 年以上使用していますが、パフォーマンスの問題は見られません。

カスタムフォントを使用するサイトがあります。デザイナーのフォントを多くの形式で入手しました。私はそれらをeot形式に変換するためにコンバーターを使用しました。

次のコードをcssに追加しました

これはFFとchromでうまく機能しますが、IEでは機能しません。サンプルサイトはこちらです： http： //test.hannitcohen.co.il/eshkol/

現在、アプリケーションにフォントを設定していますが、例に従っています。使用できるフォントを確認するにはどうすればよいですか？

ありがとう！

Web ページでカスタム フォントを使用することがますます一般的になっているようです。TypeKit などのサービスでは、使用できる高品質のフォントの選択肢も増えています。

私は疑問に思っています: @font-face フォントのみを使用するサイトを構築し始めた人はいますか? （やっとVerdana/arialをなくしてMyriadにスワップできるかな？） それともまだ早すぎる？

さん、

私のWebフォントの4つのさまざまな形式を使用します（たとえば、www.fontsquirrel.comによって計算されます）：True Type / EOT / SVG / WOFFおよびCSSを介してそれらを埋め込む：

...各ブラウザは4つのフォントすべてをロードしますか、それとも最も気に入ったフォントを選択しますか？

@font-face初めて使用し、fontsquirrel からフォントキットをダウンロードしました

私のCSSに挿入することをお勧めするコードは次のとおりです。

さて、スマイリーフェイスのことは私を困惑させました。しかし、src 内の URL の数も同様です。なぜそんなに多くのファイルを推奨し、ページがレンダリングされるときにすべてのファイルがブラウザーに送信されるのでしょうか? .ttf 以外をすべて削除しても害はありますか?

@fontsquirrel ジェネレーターの css ファイルにこのコードがあります。

/// コードを現在のように変更しました ///

これは css というフォルダーに保存され、フォントは fonts というフォルダーに保存されます。

たとえば、htmlページで呼び出している場合、これを機能させることができません

私は自分が間違っていることをまったく理解できません。

何か案は？

_{それらをすべて url ('../fonts/adlib など) に変更しましたが、まだ機能しません。ローカルでプレビューしていますが、これですか?}

@ font-faceスタイルを定義するとき、このSOの質問で説明されているように、参照されるファイルがフォントの太字、斜体、または太字の斜体バージョンのいずれであるかを定義できます。

同じフォントに複数のフォントファイルを追加するにはどうすればよいですか？

例：

ただし、FontSquirrelはこの方法で@font-faceキットを生成しません。彼らは代わりにこのようなことをします：

つまり、CSSファイルでは、次のようなことを行う必要があります。

Font Squirrelがfont-weightおよびfont-style宣言を使用して、太字と斜体のバリアントを区別しないのはなぜですか？別のフォントファミリを使用するのはなぜですか？一部のブラウザでのこの機能のサポート（の欠如）について何か知っていますか？