Question

我正在重新创建一个网站。那个旧网站使用了两个不同的webfont，我想接管新的网页。

第一种字体是google网络字体之一。它是使用谷歌按照建议的代码嵌入的（只是一个包含实际用法的CSS文件）：

<link href="//fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">

这适用于旧网站和新网站！

另一种字体却导致新网站中的出现问题，但在旧网站上显示完全正常。除了我在新网站上使用绝对路径之外，它使用完全相同的代码进行嵌入：

@font-face {
    font-family: 'bebasneue-webfont';
    src: url('http://example.com/fonts/BebasNeue-webfont.eot');
    src: url('http://example.com/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://example.com/fonts/BebasNeue-webfont.woff') format('woff'),
         url('http://example.com/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('http://example.com/fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

为什么谷歌字体显示正确而另一个刚刚加载？

在Firefox中加载Web字体

0 个答案: