2012-10-01 17 views
15

最近、Font Awesomeに依存しているWebサイトが開発されました。私たちはbefore:contentとその提供されたCSSで標準実装を使用しています。Font AwesomeはInternet Explorer 8には表示されません

何らかの理由でFont AwesomeがIE8に表示されません。私はかなりの時間をトラブルシューティングに費やし、さまざまな修正を試みました。

私が持っている:アプリケーション/ vnd.ms-fontobject

  • OTFのMIMEタイプを設定するには、EOTのMIMEタイプを設定し

    • を、アプリケーション/オクテットストリームにTTF
    • は、すべてのCSS後HTML5Shivを実行しが読み込まれました。ここでは、ページの読み込みにCSSやDOMをリロードする
    • 様々な試み

    サイトです:http://www.tetakere.org.nz - ホットリンクボックスは恐ろしい

    フォントの良い例で誰でもへの他のアプローチ上の任意のアイデアを持っていますこのウェブサイトにFont Awesomeを表示させるには?

  • 答えて

    18

    痛いトラブルシューティングをした後、私は最終的にそれを解決しました。

    解決策は、HTML5Shivの読み込みを<head>セクションから</body>タグの直前に移動することでした。

    <!--[if lt IE 9]> 
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    </body> 
    
    +1

    これは私のためにIE7で修正されましたが、8では修正されました。 – Synchro

    +1

    フォントロード前のコンテンツレンダリングに関連している可能性があります。また、この問題を解決するために、「html5-shiv' AFTER FontAwesome」を入れました。 http://stackoverflow.com/questions/9809351/ie8-css-font-face-fonts-only-working-for-before-content-on-over-and-sometimesを参照してください。 – leesei

    2

    IE8でFontAwesomeを動作させるためにhtml5shivは必要ありませんでした。 This answer(.eotファイルの再作成と古いファイルの置き換え)は私の問題を解決しました。

    2

    私はApacheの設定を変更してから、すべてのことを試しました。そして、運がない.htaccessファイル。 IEの開発ツールでは、「ドキュメントモード」を見つけました。デフォルトはIE7でした。今

    <meta http-equiv="X-UA-Compatible" content="IE=9"> 
    

    IE 10、および9フォーマットが正しく私のウェブサイト、正しく、すべてのフォント恐ろしいアイコンが表示されますので、いくつかの研究の後、私はこのmetaタグを見つけました。

    それでもIE 8のcompatをしたいなら、あなたはこれで始めることができは:

    <meta http-equiv="X-UA-Compatible" content="IE=8"> 
    

    希望

    0
    1. はhtaccessファイルにこれを追加しました...のに役立ちます。"は、BrowserMatch MSIE最高標準サポートヘッダーセットX-UA互換IE = 8 ENV =最高標準サポート"
    2. ドキュメントの圧縮性モードchnage
    3. はusleep機能を試してみましたEOTフォントを再変換しようとしていますsetInterval JS
    4. 追加GoogleのHTML5のスクリプト
    5. IE8のための身体の一部で
    6. コールCSS
    7. 追加データアイコンのクラス
    8. 広告擬似要素JS

  • CSSでのサーバーでのチェックフォントの種類の許可をPNG & SVGフィルターを追加しますが、最終的には

    .sassと.lessのCSS

    ファイルを追加したときに動作します

    ハッピーコーディング

    9

    私はこれが古い質問であることを知っていますが、私はこの問題で多くの問題を抱えていました。ヘッド変更

    は...私のために働いた何

    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    

    はこれも働いていたが(最後の答え私はと呼ばれる):また

    <meta http-equiv="X-UA-Compatible" content="IE=8"> 
    

    、私は読んで( Force IE compatibility mode off using tags)、そのメタタグを他のすべてのメタタグの上に置き、条件付きIE文の前に置くようにしてください。そうしないと、メタタグは無効になります。

    関連する問題