【发布时间】:2013-06-12 16:49:35
【问题描述】:
我今天刚开始使用 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 位于 assets 中,它进入默认值,在 css 目录中。
【问题讨论】:
-
我在这里忽略了什么吗?您已将 fonts_dr 配置为“assets/fonts”,但从 Web 根目录到字体目录的实际路径是“nameofmyproject/assets/js”?
-
字体目录的实际路径是 www.mydomain.com/nameofmyproject/assets/fonts 而我的 config.rb 文件在 www.mydomain.com/nameofmyproject 里面
-
我猜,因为我正在处理我域中的子目录,所以我的 http_path 可能是错误的?但将其更改为“/projectname”并不能解决问题。
标签: sass compass-sass zurb-foundation