从fontsquirrel网站生成的webfonts,如何更改目录?
从 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
根据W3C:
那么,字体相对于 css 位于哪里?
/assets/webfonts/
表示开始在根文件夹中查找。../assets/webfonts/
查找从一级目录开始的路径如果您的
assets
文件夹是 css 所在文件夹的子目录,请尝试assets /webfonts/
According to W3C:
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 levelIf your
assets
folder is a subdirectory in the folder where your css is, tryassets/webfonts/