【问题标题】:Sass with compass, paths working on a subdirectory带有指南针的 Sass,在子目录上工作的路径
【发布时间】: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


【解决方案1】:

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

【讨论】:

    【解决方案2】:

    是的,我的问题是各种问题,不重新启动罗盘手表并不能帮助我正确调试问题,而且安装混乱是手头的问题。我重新安装,然后从头开始,结果一切正常。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-03-17
      • 1970-01-01
      • 2012-06-05
      • 2012-08-20
      • 2014-07-27
      • 1970-01-01
      • 1970-01-01
      • 2012-09-12
      相关资源
      最近更新 更多