@Font-face不工作？

Question

我在尝试让字体样式在本地工作时遇到了麻烦。我知道它应该可以在本地工作，因为我从font-squirrel下载的文件夹可以正确呈现。

我复制并粘贴了所有内容到fontsquirrel提供的相同文件夹结构中……

CSS

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

#primary-navigation {font-family: 'URWClassicoItalic'; font-size:2em}

HTML

<div id="primary-navigation">TEST</div>

我的字体文件都在根目录下，和我的索引文件在同一个目录下。

任何帮助都是很棒的，谢谢

Answer 1

在单独的CSS文件中指定的@font-face url必须具有相对于此CSS的url

例如：

src: url('../urw_classico_italic-webfont.eot');

如果CSS文件比存储字体文件的文件夹高一级。