字體真棒圖標不顯示在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>

文件包括：

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

請求.woff：

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-啓用/ mime.conf（並重新啓動Apache）：

AddType application/octet-stream .woff

我是否缺少配置？

來源

2012-12-11 martincho

該配置畢竟是正確的。出於某種原因font-awesome-ie7.css加載不正確。確保這個文件加載後，一切正常。

來源

2012-12-20 13:06:51 martincho

這對我非常有幫助...非常感謝@martincho – 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字體真棒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，當然。因人而異。 – commonpike

有一種方式來支持IE7甚至新的圖標。

首先下載以此爲基礎。 https://gist.github.com/dorajistyle/7461853

那時若有圖標丟失走在iconlist該圖標。例如，FA資產負債規模是新。 http://fontawesome.io/icon/balance-scale/

在那裏你會看到的Unicode字符是F24E

那麼這到底是出於任何圖標添加到字體真棒，ie7.min.css

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

重複」重新使用

來源

2017-09-12 08:59:20 harre

字體真棒圖標不顯示在IE7上

回答

相關問題