0

我今天刚开始使用 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，带有以下 url：www.mydomain.com/assets/css/fonts 所以它都忽略了我在一个子目录中并且我改变了我的 fonts_dir 位于资产内部，它进入默认值，位于 css 目录中。

4

2 回答 2

1

更新 config.rb 文件时，您必须重新启动 compass watch。我花了几个小时才弄明白。希望这可以帮助某人。

于 2013-06-12T01:04:17.733 回答
0

是的，我的问题是混合问题，不重新启动指南针手表并不能帮助我正确调试问题，并且安装混乱是手头的问题。我重新安装，然后从头开始，它工作得很好。

于 2013-06-12T08:49:35.060 回答