使用@ font-face时遇到麻烦

时间:2014-11-22 09:55:44

标签: html css fonts

我一直在努力在CSS中使用@ font-face属性。我终于让它工作了,但并不像我希望的那样工作。

每当我使用@ font-face时,我必须将我的CSS文件保留在根目录中。我的主文件夹中没有一个名为“css”的文件夹,我可以保存我的主要CSS文件以及与之相关的任何其他内容。

例如,这是我必须设置它才能工作的方式:

http://i.gyazo.com/a7386867a4fb61876b9ec3410e1909fa.png

它是如何设置的,它运行正常。

但是,如果我要将我的CSS文件添加到一个新的文件夹中,如下所示:

http://i.gyazo.com/97a3e9fc867fb37943709c0b5ab2dd1d.png

不再有效,我不明白为什么。我假设它与目录位置路径有关,但我不确定如何解决此问题。任何人都可以向我解释我如何让@ font-face工作,同时将我的CSS保存在我的根文件夹中的另一个文件夹中?

感谢。

1 个答案:

答案 0 :(得分:2)

CSS中的位置与CSS文件本身有关,所以在你的情况下它会是这样的;

@font-face{
src:url(../swag.ttf);
/*More CSS Code Here*/
}