尽管结构没问题，但 font-family 在 css 中不起作用

Question

我在网站中使用以下结构：

• 根
  • 主题
    • index.html
  • 资产
    • 我的字体
      • 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');
}

但该字体在网站上不起作用。 FontFinderfirefox 插件显示：

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。