搜索圖標在Internet Explorer中不顯示放大鏡

Question

我的網站上的搜索圖標（頂部菜單最右端的綠色正方形）不顯示Internet Explorer中的放大鏡，但它出現在其他瀏覽器中，例如FireFox和Chrome。

請訪問以下鏈接：

www.robvanderstaaij.nl

任何建議，以解決這將是非常值得歡迎的。

Answer 1

將此代碼添加到</body>標記前面。

<!--[if lt IE 9]> 
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
</body> 

或者你可能已經錯過了：

<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]--> 

Answer 2

這裏是生成您的字體的CSS代碼：

@font-face { 
    font-family: 'Genericons'; 
    src: url('font/genericons-regular-webfont.eot'); 
} 

@font-face { 
    font-family: 'Genericons'; 
    src: url(data:application/font-woff;charset=utf-8;base64,--REDACTED--) format('woff'), 
     url('font/genericons-regular-webfont.ttf') format('truetype'), 
     url('font/genericons-regular-webfont.svg#genericonsregular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

IE8及以上僅支持EOT，但該字體ISN」定義。第二個@font-face完全覆蓋第一個。

嘗試將.eot src屬性移到真正長的一個之前，並刪除第一個@font-face塊。