Question

我正在使用font-squirrel生成的font-face。它适用于Firefox桌面和Chrome桌面，但不适用于Chrome Mobile，Safari Desktop或Safari Mobile。

我还有其他网站使用它，到处都很好。我正在使用带有wordpress主题的html五空白（因为我在其他网站上）

@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'，它被webfont覆盖了。

@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;
}

为什么font-face在Safari，Chrome Mobile和Safari Mobile中无效

1 个答案: