@Font-face不起作用了？

Question

我在本地使用font-face样式时遇到了问题。我知道它应该可以在本地工作，因为我从Font Squirrel下载的文件夹可以正确渲染。

我已将所有内容复制并粘贴到与Font Squirrel提供的相同的文件夹结构中...

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>

我的字体文件都在根目录中，与我的索引文件相同的目录中。

如有帮助将非常感谢，谢谢！

- Liam

---

嗯...我一直以为浏览器使用客户端操作系统上安装的字体。 - heximal

你的 CSS 文件也在根目录中吗？还是这个样式是在索引文件中实现的？ - Semyazas

我的CSS文件在一个includes文件夹中，但是引用是正确的，因为我可以通过查看源代码来访问它。 - Liam

在这种情况下，您需要实现相对于 CSS 所在文件夹的 font-face url。如果它位于根文件夹的上一级，那么应该是 src: url('../urw_classico_italic-webfont.eot');。 - Semyazas

Answer 1

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

例如：

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

如果CSS文件在字体文件所存储的文件夹的上一级。

- Semyazas