css - 为什么 font-face 在 Safari、Chrome Mobile 和 Safari Mobile 中不起作用

Question

我正在使用从 font-squirrel 生成的字体。它在 Firefox Desktop 和 Chrome Desktop 中工作，但在 Chrome Mobile、Safari Desktop 或 Safari Mobile 中不工作。

我还有其他网站在使用它，到处都很好。我正在使用带有 wordpress 主题的 html 5 blank(就像我在其他网站上一样)

@font-face {
    font-family:'futura';
    src:url('fonts/FuturaHandwritten-webfont.eot');
    src:url('fonts/FuturaHandwritten-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaHandwritten-webfont.woff') format('woff'),
        url('fonts/FuturaHandwritten-webfont.ttf') format('truetype'),
        url('fonts/FuturaHandwritten-webfont.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

请让我知道我还能提供什么来帮助回答这个问题。

See the site here

Answer 1

我将我的字体命名为“futura”，它被网络字体覆盖了。

@font-face {
    font-family:'futura';
    src:url('fonts/FuturaHandwritten-webfont.eot');
    src:url('fonts/FuturaHandwritten-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaHandwritten-webfont.woff') format('woff'),
        url('fonts/FuturaHandwritten-webfont.ttf') format('truetype'),
        url('fonts/FuturaHandwritten-webfont.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}