css - 从 fontsquirrel 站点生成的 webfonts，如何更改目录？

Question

从 FontSquirrel 的字体生成器生成了几个 webfont 工具包，将它们放入 css 文件中，它们可以工作，但前提是文件与 css 文件位于同一目录中。

如何在指定不同目录时使它们工作？

现在的代码：

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

我希望所有文件都保存在/assets/webfonts.

我试过/assets/webfonts了../assets/webfonts......这些不起作用......

谢谢你，汤姆

Answer 1

根据W3C：

部分 URL 被解释为相对于样式表的来源，而不是相对于文档

那么，字体相对于您的 css 位于哪里？

/assets/webfonts/说开始在根文件夹中查找。

../assets/webfonts/查找启动一个目录级别的路径

如果您的assets文件夹是您的 css 所在文件夹中的子目录，请尝试assets/webfonts/