15

私たちは最近、そのデザインの一部としてFontAwesomeに強く依存するWebサイトを開発しました。before：contentとそれらが提供するCSSで標準実装を使用しています。

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

私は持っています：

  • EOTのmimetypeをapplication/vnd.ms-fontobjectに設定します
  • OTF、TTFのmimetypeをapplication/octet-streamに設定します
  • すべてのCSSがロードされた後にHTML5Shivを実行しました。
  • ページの読み込み時にCSSまたはDOMを再読み込みするさまざまな試み

これがウェブサイトです：http ： //www.tetakere.org.nz-HotlinksボックスはFontAwesomeの良い例です

このウェブサイトにFontAwesomeを表示させるための他のアプローチについて、誰かが何かアイデアを持っていますか？

4

6 に答える 6

18

いくつかの苦痛なトラブルシューティングの後、私はついにそれを解決しました。

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

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
于 2012-10-04T22:40:58.953 に答える
2

Apache の設定や .htaccess ファイルを変更することからすべてを試してみましたが、うまくいきませんでした。IE 開発ツールで「ドキュメント モード」に出くわし、デフォルトは IE7 でした。それで、いくつかの調査の後、私はこのメタタグを見つけました：

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

現在、IE 10 および 9 で Web サイトが正しくフォーマットされ、すべての Font Awesome アイコンが正しく表示されます。

それでもIE 8互換が必要な場合は、次から始めることができます：

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

それが役立つことを願っています...

于 2013-09-19T21:11:44.313 に答える
0
  1. Added this to htaccess. "BrowserMatch MSIE best-standards-support Header set X-UA-Compatible IE=8 env=best-standards-support"
  2. trying to reconvert eot font
  3. doc compactibility mode chnage
  4. tried usleep function
  5. setInterval js
  6. add google html5 script
  7. call css in body part for ie8
  8. add data-icon class
  9. ad pseudo elements js
  10. add png & svg filters in css
  11. check font type Permission in server

but finally works when added

.sass and .less css

files

happy coding

于 2013-10-25T12:47:30.567 に答える