什么原因会导致font-face字体图标在电脑浏览器下无法正常显示？

Question

在手机上显示正常，在电脑浏览器如上。
*一开始其实是可以显示的，后来把谷歌浏览器更新到38版本后就不显示，过两天再测试，火狐也不显示了，所以估计不是谷歌浏览器的问题，但实在无法找到原因，页面有载到字体文件，包含eot,tff,woff,evg,所以也不是支持问题，也试过十六进制转十进制，同样无效，跪求解答。

@font-face {
    font-family: 'icon-font';
    src:url('/assets/fonts/jiaicon.eot');
    src:url('/assets/fonts/jiaicon.eot') format('embedded-opentype'),
        url('/assets/fonts/jiaicon.woff') format('woff'),
        url('/assets/fonts/jiaicon.ttf') format('truetype'),
        url('/assets/fonts/jiaicon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class$="-icon"], [class*="-icon "] {
    font-family: 'icon-font';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Answer 1

• 火狐服务端要稍加处理一下，添加Header set Access-Control-Allow-Origin “*”，参考http://stackoverflow.com/questions/15300853/icon-font-not-working-in-firefox,
• 谷歌是不是通过设置自定义了字体？
• 以上两点都不是，那应该是代码的问题

Answer 2

对于火狐浏览器，需要字体所在服务器设置允许跨域访问。以Apache为例，先开启 headers 模块，再在字体的文件夹里放置一个 .htaccess 文件，里面的内容如下

#允许火狐浏览器跨域取字体
<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Answer 3

我的也是这种情况

开始还以为是浏览器的情况，换了个浏览器也一样（QQ和遨游，其它没试），然后又以为是代理的原因导致字体路径找不到，关了代理也是一样。