0

背景

我期望在我的网站上使用的 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 使用正确的 webfonts,但 h3 和 h4 不是。

在 Android Chrome 上,没有一个 webfonts 工作。

我不明白某些字体在 Firefox 上是如何工作的,但在其他元素上却不行:/

4

1 回答 1

0

原来,我的 CND 是:

http://sexdiaries.co.uk

但我正在查看该网站:

http://www.sexdiaries.co.uk

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

于 2013-08-01T10:57:07.700 回答