Question

我今天刚刚开始使用sass并打出了我的第一个障碍。我不知道如何在我的scss文件中使用font-face。这是我在app.scss文件中尝试的内容：

//do I need this line? I have installed compass
@import "compass/css3";

@include font-face("myfont", font-files("myfont.eot", "myfont.woff", "myfont.ttf", "myfont.svg#myfont"));

这就是我所呈现的内容：

@font-face {
   font-family: "myfont";
   src: url('/assets/css/fonts/myfont.eot') format('embedded-opentype'), url('/assets/css/fonts/myfont.woff') format('woff'), url('/assets/css/fonts/myfont.ttf') format('truetype'), url('/assets/css/fonts/myfont.svg#myfont') format('svg');
}

我的config.rb文件：

http_path = "/"
css_dir = "assets/css"
sass_dir = "assets/sass"
images_dir = "assets/img"
javascripts_dir = "assets/js"
fonts_dir = "assets/fonts"

我现在的文件结构是www.mydomain.com/nameofmyproject，里面有一个名为assets的文件夹，包含css，sass，img，fonts，js文件夹

编辑：由于这似乎是路径的问题，我将编辑我的问题。我正在这里的子目录中工作，firebug向我显示了我的字体文件404，其中包含以下网址：www.mydomain.com/assets/css/fonts因此，它忽略了我在子目录中并且我更改了我的fonts_dir是内部资产，它在css目录中变为默认值。

Answer 1

更新config.rb文件时，必须重新启动指南针监视。花了我几个小时来解决这个问题。希望这有助于某人。

Answer 2

是的，我的问题是混合问题，没有重新启动罗盘手表没有帮助我正确调试问题，并且搞砸了安装是手头的问题。我重新安装，然后从头开始，它结束工作正常。

Sass用指南针，在子目录上工作的路径

2 个答案: