从fontsquirrel网站生成的webfonts,如何更改目录?

发布于 2024-10-24 17:50:42 字数 690 浏览 5 评论 0原文

从 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 ...这些不起作用...

谢谢你,汤姆

Generated several webfont kits from FontSquirrel's font generator, put them into css file, they work but only if the files are in the same directory with css file.

How do I make them work while specifying a different directory??

Present code:

@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;
}

I'd like all the files to live in /assets/webfonts.

I tried /assets/webfonts and ../assets/webfonts ...these do not work...

Thank you, Tom

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

只有影子陪我不离不弃 2024-10-31 17:50:42

根据W3C

部分 URL 是相对于样式表的源进行解释的,而不是相对于文档

那么,字体相对于 css 位于哪里?

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

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

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

According to W3C:

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

So, where are the fonts located relative to your css?

/assets/webfonts/ says to start looking in the root folder.

../assets/webfonts/ looks for the path starting up one directory level

If your assets folder is a subdirectory in the folder where your css is, try assets/webfonts/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文