Html 移动设备上的自定义字体和令人敬畏的字体存在奇怪问题

我在移动设备上使用字体时遇到问题

我有以下Rex font的自定义字体面定义

@font-face {
        font-family: 'RexBold';
             src: url('RexBold.eot?#iefix') format('embedded-opentype'), url('RexBold.otf')  format('opentype'),
                  url('RexBold.woff') format('woff'), url('RexBold.ttf')  format('truetype'), url('RexBold.svg#RexBold') format('svg');
                  font-weight: normal;
                  font-style: normal;
           }

所有文件都可以从客户端访问，而不提供404或类似的功能

一切都可以在桌面浏览器下运行（当然除了IE 6和7，IE 9和更高版本也可以），但它不能在移动设备上运行（在Android 2.3、4.4和IOS 6上测试）

起初，我认为生成的svg字体定义中有一个错误（

#RexBold

部分），但定义是正确的-#RexBold是svg文件中字体的正确引用

然后我假设我的web服务器（nginx1.6）为字体提供了错误的mime类型。我更新了我的

mime.types

配置文件

但这也不起作用。顺便说一句，我的网站上的FontAwesome（4.0）也不适用于手机，但它适用于手机。我使用他们的字体将Awessome连接到站点（使用引导CDN），并使用以下css规则：

ul.fa-icon-check li:before {    
    font-family: 'FontAwesome';
    content: '\f14a';
    margin:0 5px 0 -21px;
    font-size: large;
}

有谁能给我一个线索，这有什么问题吗？ 提前谢谢！这是指向我的网站的链接-

手机上没有加载fonts.css文件（）。因此，它没有加载@font-face

从桌面：

从手机：

---

您有我们可以查看的链接吗？有。这里是链接-这很奇怪。。。。但是你是如何得到这个输出的呢？我只知道一种在移动设备上调试移动站点的方法——通过google chrome远程调试。但我还没有测试过。我想复制它。@JohnGray我为firefox使用了一个很棒的插件-。这是伟大的，因为你仍然可以使用所有其他调试工具，如firebug等。非常感谢！你救了我一天。至少有一半。另外一半的时间我将不得不花在弄清楚为什么我的CMS没有为移动浏览器生成所有新的css链接标签上。