android - 移动设备上的Webfont-定位特定的h1，h2，但不定位其他元素

背景

我希望我的网站上使用的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使用正确的Web字体，但是h3和h4不能使用。

在Android Chrome上，所有的webfonts均不起作用。

我不明白在Firefox上某些字体如何工作，而在其他元素上则不：/

最佳答案

原来，我的CND是：

http://sexdiaries.co.uk

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

http://www.sexdiaries.co.uk

因此，对于Web字体，当查看它们时，CND需要匹配全局URL。有点奇怪，但在我的情况下却发生了挑衅。