font-family funktioniert nicht in CSS obwohl die Struktur in Ordnung ist

Question

ich die folgende Struktur in einer Website mit:

• Wurzel
  • Thema
    • index.html
  • Werte
    • MyFont
      • css
        fontiran.css und style.css
      • Schriftarten
        IRANSansWeb.eot, IRANSansWeb.woff, IRANSansWeb.woff2 und IRANSansWeb.ttf

und der Inhalt:

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'); 
} 

Aber die Schrift nicht funktioniert auf der Internetseite. FontFinder Plugin für Firefox zeigt:

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

Aber es ist nicht verwendet wird. Was ist das Problem genau?

Answer 1

Only Internet Explorer supports EOT files.

Verwenden Sie WOFF und WOFF 2 stattdessen als they have decently wide browser support.