引導程序圖標不在Internet Explorer中顯示

我正在使用引導程序，它對所有程序都很新穎。在我的生產方面，我的圖標顯得很好，在safari和chrome下它們看起來也很好。我用的鏈接圖標出現的代碼如下：引導程序圖標不在Internet Explorer中顯示

<a href="/Admin/God/Admin.aspx" class="button rectangular"><i class="icon-group icon-large"></i><span class="button-text">Users</span></a>

該網站是iskittle.co.uk如果你查看其他除了IE圖標顯示。我有點難過......我想這將與IE如何處理CSS如何獲取圖像有關。

就像我說我是新來這個，但我認爲它得到的圖標從一個較大的圖像http://iskittle.co.uk/images/icons/glyphicons-halflings-white.png

爲什麼Chrome和Safari能夠制定出如何做到這一點，但沒有IE瀏覽器...任何想法/幫助將是偉大的，我已經做了很多網上搜索，但似乎不能直接回答...

來源

2015-07-20 Martin Cooke

由於IE無法下載.woff文件，字體未加載。對於使用字體的權限，Internet Explorer更挑剔。要解決此問題，請檢查：

確保文件存在於服務器上，並可從http://iskittle.co.uk/font/fontawesome-webfont.woff訪問。

如果它已經存在，請確保您的IIS服務器設置正確，以部署woff文件。在你web.config，請確保以下存在：

<staticContent> 
     <remove fileExtension=".woff" /> 
     <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> 
</staticContent>

來源

2015-07-20 17:39:27 DavidG

它的作品！你救了我大約10年的生命，因爲那要花多長時間才能弄清楚，不能多謝你:) –

在你的CSS文件中查找此：

@font-face { 
    font-family: "FontAwesome"; 
    src: url("../font/fontawesome-webfont.eot"); 
    src: url("../font/fontawesome-webfont.eot") format("eot"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg#FontAwesome") format("svg"); 
    font-weight: normal; 
    font-style: normal; }

更改這一部分：

src: url("../font/fontawesome-webfont.eot") format("eot"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg#FontAwesome") format("svg");

要這個：

src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');

來源

2015-07-20 17:58:02 becoop

引導程序圖標不在Internet Explorer中顯示

回答

相關問題