Internet Explorer 8に表示されていないフォント
-
12-12-2019 - |
質問
最近、それの設計の一環としてフォント素晴らしいフォントに頼っているウェブサイトを開発しました。コンテンツとそれらの提供されたCSSの前の標準的な実装を使用しています。
何らかの理由でフォント素晴らしいIE8に表示されていません。私は幸運を払って、私はかなり数時間のトラブルシューティングとさまざまな修正を試みました。
私は持っています:
- EOTのMimeTypeをアプリケーション/ vnd.ms-fontObject に設定します。
- otf、ttfのMimeTypeをアプリケーション/ octet-stream に設定します。
- すべてのCSSがロードされた後にHTML5SHIVを実行しました。
- ページロードのCSSまたはDOMをリロードしようとしたさまざまな試み
これはWebサイトです。 http://www.tetakere.org.nz - ホットリンクボックスフォント素晴らしいの良い例です
誰もがこのウェブサイトを入手するための他のアプローチについてのアイデアを持っていますか?
解決
苦痛なトラブルシューティングの後、私はついにそれを取り出しました。
解決策は、<head>
セクションからHTML5Shivのロードを</body>
タグの直前に移動させることでした。
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
. 他のヒント
これが古い質問であることを知っていますが、私はこの問題にたくさんの問題を抱えていて、これらの答えのどれも最後のものを除いて助けられました。
ヘッドを変更しました...
私のために何が働いていたのは:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
.
これにも働かれました(最後の回答が参照しています):
<meta http-equiv="X-UA-Compatible" content="IE=8">
.
また、読み取り(力IE互換モードタグを使用して、そのメタタグを他のすべてのメタタグの上に置く必要があり、条件付きIEステートメントの前に。それ以外の場合、メタタグは無効になります。
IE8で働くためにフォンタウエソームを得るためにHTML5SHIVを必要としませんでした。 この回答(.eotファイルを再作成し、古いものを置き換える)問題を解決しました。
私はすべてのApache Configを変更したことを試してみました。IE開発ツールでは、「ドキュメントモード」につまずく、デフォルトはIE7でした。だから私はこのメタタグを見つけた研究の後、
<meta http-equiv="X-UA-Compatible" content="IE=9">
.
今、10、9のフォーマット私のウェブサイトを正しくフォーマットし、すべてのフォント素晴らしいアイコンを正しく表示します。
まだ8つの互換性が欲しいのなら、あなたはこれから始めることができます:
<meta http-equiv="X-UA-Compatible" content="IE=8">
.
助けを願っています...
- htaccessにこれを追加しました。「ブラウザマッチMSIEベスト標準サポートヘッダセットX-UA互換IE= 8 env= BEST-STANDARDS-SUPPORS」
- eotフォントを再変換しようとしている
- docコンパクトライゼーションモードchnage
- USLEEP機能
- SetInterval JS
- Google HTML5スクリプトを追加
- ボディ部分にCSSを呼び出します.ie8
- データアイコンクラスを追加する
- AD擬似要素JS
- CSS にPNG&SVGフィルタを追加する
- サーバでフォントタイプの許可を確認する
しかし、最後に追加されたときに
.sassと。なしCSS
ファイル
ハッピーコーディング
IE8を使用している場合は、次のようなhtml5.jsスクリプトを追加する必要があります。
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->
.
それは私のために働いています私はそれがうまくいくと確信しています。参照リンク https://github.com / FortaWesome/Font-Awesome / Wiki /トラブルシューティング#Internet-Explorer - 互換性 - モード