семейство шрифтов не работает в 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.