@Font-face 不工作？答案

【问题标题】：@Font-face not working?@Font-face 不工作？
【发布时间】：2011-08-01 12:57:12
【问题描述】：

我在尝试让字体样式在本地工作时遇到了麻烦。我知道它应该在本地工作，因为我从 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>

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

任何帮助都会很棒，谢谢

【问题讨论】：

嗯...我一直认为浏览器使用本地安装在客户端操作系统上的字体
你的css文件也在根目录下吗？还是在索引文件中实现了这种样式？
没有我的 CSS 文件在包含文件夹中，虽然我可以通过查看源代码来访问它，但它的引用是正确的
在这种情况下，您需要实现相对于 css 所在文件夹的字体 url。如果它比根文件夹高一级，那就是src: url('../urw_classico_italic-webfont.eot');

标签： html css fonts font-face

【解决方案1】：

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

例如：

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

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

【讨论】：