1

fontsquirrel.com から @font-face キットをクライアントのサイト用に生成しました。ステージング (http) サーバーとライブ (https) サーバーでサイトを実行しています。このサイトは .NET 上に構築されています

私が抱えている問題は、IE8 でフォントが読み込まれないことです。IE9、Chrome、Firefox、Safari で正常に動作します。

私が取った手順は次のとおりです。

  • クライアントから提供された .TTF フォント ファイルを使用して生成されたキット
  • フォントファイルをアセットフォルダーにコピーしました
  • 生成されたコードを使用して CSS ファイルで参照されたフォント ファイル@font-face(以下)
@font-face {
    font-family: 'font-name';
    src: url('../../fonts/font-name-webfont.eot');
    src: url('../../fonts/font-name-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/font-name-webfont.woff') format('woff'),
         url('../../fonts/font-name-webfont.ttf') format('truetype'),
         url('../../fonts/font-name-webfont.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}

私は可能な修正を調査してきましたが、これまでのところ、次のことを試してみましたが失敗しました。

  • フォントキットを再生成
  • 必要なすべての MIME タイプが Web.config で設定されていることを確認しました
  • 開発者ツールを使用して、IE で font-family ルールが取得されていることを確認しました。
  • 宣言が他の CSS ファイルでオーバーライドされていないことを確認しました
  • ダウンロードしたフォント キット テストをステージング サーバーに追加し、IE8 でテストしました。

注:
ステージング サーバーにアップロードしたテストは、IE8 で正常に動作しています。これは、サーバー関連であるか、CSS に問題があることを示唆しています。ただし、CSS の疑わしい部分は除外したと 99% 確信しています。

どんな助けでも大歓迎です！

4

1 に答える 1

2

まず、フォント ファイルが実際に提供されていることを確認します。相対パスが正しくないのと同じくらいばかげている可能性があります-この場合、私はそれを疑っていますが。これには、 CharlesやFiddlerなどのツールを使用してください。これらのツールは、ファイルが期待どおりに提供されていることを確認するための最初の呼び出しポートである必要があります。

また、拡張機能/MIME タイプがサイトの構成または IIS の構成で設定されていることも確認します。

于 2013-01-24T11:06:33.117 に答える