Android 移动设备上的Webfont-针对某些h1、h2和x27；但不是其他元素

背景

我希望，我的网站上使用的webfonts在移动设备上的工作方式与在桌面上完全相同。这就是，在桌面上按预期工作

CSS

    @font-face {
        font-family: 'sdFont';
        src:
            url("/fonts/sdFont.woff") format("woff"),
            url("/fonts/sdFont.svg") format("svg"),
            url("/fonts/sdFont.eot"),
            url("/fonts/sdFont?#iefix") format("embedded-opentype");
        font-weight: normal;
        font-style: normal;
    }

        h1, h2, h3,h4,h5 {
             font-family: 'sdFont', Arial, serif;
        }

问题

在Android Firefox上，H1、H2使用的是正确的网络字体，而h3和h4则不是

在Android Chrome上，没有一种网络字体可以工作

---

我不明白firefox上的一些字体是如何工作的，但在其他元素上却不行：//

结果，我的CND是：

但我在以下位置查看该网站：

---

因此，在查看web字体时，CND需要匹配全局URL。有点奇怪，但在我的情况下发生的事情是挑战性的

请给我一个解释好吗？