3

同様の質問を検索しましたが、@font-face ルールが IE7 で機能しない理由についての解決策はまだ見つかりません。私のデモのライブリンクは次のとおりです。

http://www.staging.jungledragon.com/experiments/v3_02/

最新のブラウザーでこのサイトを開くと、グローバル ナビゲーションにナビゲーション ラベルを補足するアイコンがあることに気付くでしょう。これらのアイコンは、「FontAwesome」と呼ばれるフォントから取得されます。

多くの場所で推奨されているベスト プラクティスに従って、@font-face ルールを次のように宣言しています。

@font-face {
    font-family: 'FontAwesome';
    src: url('../type/fontawesome-webfont.eot');
    src: url('../type/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('../type/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'),
        url('../type/fontawesome-webfont.woff') format('woff'),
        url('../type/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

前述のように、IE7 では機能せず、フォントをまったくロードしていないようです。IE7 モードで IE9 を使用する Windows 7 と、ネイティブ IE7 を使用する XP マシンの両方でテストしました。また、フォント ファイルへの絶対パスを使用してみましたが、違いはありません。

デザイン全体でこれらのフォント アイコンを使用しているので、これを IE7 で動作させたいと思っています。何か案は？

4

2 に答える 2

3

font-awesome-ie7.cssFont Awesomeが提供する別のリンクにリンクして、ページに条件付きリンクを追加してみてください。

<!--[if IE 7]>
  <link rel="stylesheet" href="css/font-awesome-ie7.css">
<![endif]-->

詳細については、 Issue＃38を参照してください。

于 2012-07-17T15:56:50.590 に答える
0

次のような情報を追加すると: - 使用しているブートストラップのバージョン - 使用している font-awesome のバージョンは?

FontAwesome は最近 IE7 のサポートを追加したばかりですが、ブートストラップ 2.0.3 以降が必要です。それに加えて、コンパイルするときは、.less ファイル (または css) を確実に追加する必要があります。

彼らのインストール手順ページにはそれが記載されていませんが、ie7 のサポートが必要な場合は、手順ページで指定されている font-awesome.less に加えて、コンパイルするfont-awesome-ie7.lessファイルを追加する必要があります。

ここでまだサポートする必要があるため、ie7 で問題なく動作しています。:(

ブートストラップを使用していないことを考慮して編集します。 - LESS を使用している場合は、上記の両方の LESS ファイルをコンパイルする必要があります。- CSS を使用している場合は、両方の CSS ファイルをコピーする必要があります。font-awesome-ie7.cssと font-awesome.css をプロジェクト ディレクトリに追加します。（すでに持っていて、ここで説明されている他のすべてのものとともに：http://fortawesome.github.com/Font-Awesome/#integration「ブートストラップを使用していません」ヘッダーの下。

于 2012-07-16T22:34:57.737 に答える