フォントIE7に素晴らしいアイコンが表示されない

フォントIE7では素晴らしいアイコンが表示されません。 IE8、IE9、FF、Chromeで動作します。フォントIE7に素晴らしいアイコンが表示されない

例HTML：

<span rel="tooltip" data-placement="top" data-original-title="Click to add question to favorites"> 
    <i class="icon-star-empty"></i> 
</span>

ファイルが含ま：.woffへ

<link href="/css/bootstrap.css" rel="stylesheet"> 
<link href="/css/font-awesome.css" rel="stylesheet"> 
<link href="/css/font-awesome-ie7.css">

要求：

Request: 
URL:http://example.com/font/fontawesome-webfont.woff 

Response: 
Accept-Ranges:bytes 
Connection:Keep-Alive 
Content-Length:41752 
Content-Type:application/octet-stream 
Date:Tue, 11 Dec 2012 11:31:51 GMT 
ETag:"4095e-a318-4cf1d75fb20dd" 
Keep-Alive:timeout=5, max=98 
Last-Modified:Thu, 22 Nov 2012 23:02:27 GMT Server:Apache/2.2.22 (Ubuntu)

を、私は、Apacheの/ etc/apache2の/ mods-でこれを構成しましたenabled/mime.conf（そしてApacheを再起動しました）：

AddType application/octet-stream .woff

設定がありません。

出典

2012-12-11 martincho

設定はまったく正しいです。何らかの理由でfont-awesome-ie7.cssが正しく読み込まれませんでした。このファイルがロードされていることを確認した後、すべてが機能しました。

出典

2012-12-20 13:06:51 martincho

これは私のための非常にhelpulだった[email protected] – abidkhanweb

IE7の条件付きコメントを使用すると、IE7のみでファイルが読み込まれるようになります。（Fontawesome exampleから取得）

<link rel="stylesheet" media="all" href="assets/css/your-icons.css" /> 
<!--[if IE 7]> 
<link rel="stylesheet" media="all" href="assets/css/your-icons-ie7.min.css" /> 
<![endif]-->

出典

2013-04-28 13:54:05 iroybot

ありがとうございました。どこからyour-icons-ie7.min.cssファイルをダウンロードできますか？ –

名前は単なる例です。 Font Awesomeを使用する場合は、https://fortawesome.github.io/Font-Awesome/にアクセスし、ダウンロードをクリックします。ここのコメントに記載されているように、IE7はv3までサポートされていましたので、IE7のcss for font awesome 4.4が必要な場合は、それを記述する必要があります。 – iroybot

このスレッドはクイックアップデートされています。

FontAwesomeはもはやIE7をサポートしていませんが、独自のソフトウェアをサポートする必要があるため、サポートが必要な不幸な状況にある場合は、言及しませんが、唯一のブラウザとして拒否しますこの記事の時点で、たとえアップグレードして、IE8は、ほぼ4年前から出ていると、私たちは、私が行ったように行い、その後、IE11になりました：

がie7.min.cssファイルをダウンロードして追加します上記の答えに記載されているセクション：
ie7.min.cssファイルを開き、「.icon-」を「.fa-」に変更します.Fon tAwesomeは命名規則を変更しました。

これは、あなたがFA 4.0.3のアイコンの約95％にサポートして取得します（新たに導入されたフォントは、古いie7.min.cssファイルではサポートされません。

出典

2013-12-09 16:58:12

サポートはFont Awesome 4.0.0で削除されました。ieファイルの最新バージョンは最新の3.xリリースです：https://github.com/FortAwesome/Font-Awesome/tree/v3.2.1/css – commonpike

そのファイルで使用されているCSS式はie11の互換モードでは動作しません。バグのためhttps://connect.microsoft.com/IE/feedback/details/798953/ie11-bug-expression-of-css-is-not-互換性モードでインターネットゾーンが有効になっています。だから、そこにie7で古いコンピュータを買う。 – commonpike

申し訳ありませんが、上記は不明でした。彼らは私のために*エミュレーションモード*でie11で仕事をしませんでした。私はie7をエミュレートしようとしていました。 YMMV。 – commonpike

がありますでも、新しいアイコンのIE7をサポートする方法。

まずダウンロードし、このベースとして。 https://gist.github.com/dorajistyle/7461853

その後、任意のアイコンがiconlistにそのアイコンを行く欠落している場合。新しいです。たとえばFA-バランススケール。そこ

あなたは「Unicodeの文字が続いて任意のアイコンに

.fa-balance-scale { 
    *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = 
'&#xf24e;'); 
}

を繰り返し、最後にフォント素晴らしい-ie7.min.cssにあなたをこれを追加

f24eであることがわかります再使用

出典

2017-09-12 08:59:20 harre

フォントIE7に素晴らしいアイコンが表示されない

答えて

関連する問題