FONT-FAMILY沒有在CSS工作雖然結構是確定

Question

我用了一個網站的結構如下：

• 根
  • 主題
    • index.html
  • 資產
    • myfont
      • CSS
        fontiran.css和style.css
      • 字體
        IRANSansWeb.eot，IRANSansWeb.woff，IRANSansWeb.woff2，和IRANSansWeb.ttf

項

而且內容是：

的index.html：

[...] 
<link href="../assets/myfont/css/style.css" rel="stylesheet"> 
[...] 

的style.css：

@import url(fontiran.css); 
body { 
    font-family: IRANSans !important; 
} 

fontiran.css：

@font-face { 
    font-family: IRANSans; 
    font-style: normal; 
    font-weight: normal; 
    src: url('../fonts/IRANSansWeb.eot'); 
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), 
     url('../fonts/IRANSansWeb.woff2') format('woff2'), 
     url('../fonts/IRANSansWeb.woff') format('woff'), 
     url('../fonts/IRANSansWeb.ttf') format('truetype'); 
} 

但字體不工作在網站上。 FontFinder firefox插件顯示：

Font 
=============================== 
font-family (stack): IRANSans 
Font being rendered: System Default 
font-size: 13px 

但它沒有被使用。究竟是什麼問題？

Answer 1

Only Internet Explorer supports EOT files。

使用WOFF和WOFF 2代替they have decently wide browser support。