我正在重新创建一个网站。那个旧网站使用了两个不同的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;
}
为什么谷歌字体显示正确而另一个刚刚加载?