@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网址必须具有相对于此CSS的网址

例如：

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

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