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 :

Partial URLs are interpreted relative to the source of the style sheet, not relative to the document

那么，字体相对于您的 css 位于何处？

/assets/webfonts/ 表示开始查找根文件夹。

../assets/webfonts/ 查找从一级目录开始的路径

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