Compass 在文件路径上编译前面的斜线答案

【问题标题】：Compass compiles preceding slash on file pathCompass 在文件路径上编译前面的斜线
【发布时间】：2017-12-16 00:11:16
【问题描述】：

我的 font-face mixin 调用正在我的 css 中编译前面的斜线。我有一个使用类似路径的精灵图像：

Compass.configuration do |c|
c.images_path='app/static'
c.fonts_path='app/static'
c.generated_images_dir = 'assets'
c.relative_assets = true
end

作品~图像/图像名称

$sprites: sprite-map("images/sprite/*.png");

不起作用~/fonts/q2.ttf

@include font-face("q2overlay", font-files("fonts/q2.ttf","fonts/q2.dev.svg","fonts/q2.eot","fonts/q2.svg","fonts/q2.woff"));

有关如何调整配置以删除 /fonts 中前面的斜线的任何信息将不胜感激。

【问题讨论】：

能否分享生成的 CSS 并留下后续评论？
@font-face { font-family: "q2overlay"; src: url('/fonts/q2.ttf') 格式('truetype'), url('/fonts/q2.dev.svg') 格式('svg'), url('/fonts/q2.eot' ) 格式('embedded-opentype'), url('/fonts/q2.svg') 格式('svg'), url('/fonts/q2.woff') 格式('woff'); } /* 生成的字体参考 */

【解决方案1】：

您是否在config.rb 文件中正确设置了fonts_dir 变量？

来自官方指南针文档：

fonts_dir String 保存字体文件的目录。独立项目将默认为 /fonts。 Rails 项目将默认为“public/fonts”。

fonts_path String 保存字体文件的完整路径。默认为 /。

http_fonts_path String Web 服务器上字体文件的完整 http 路径。

http_fonts_dir String Web 服务器上字体文件的相对 http 路径。

正如您在the official compass documentation 上看到的那样，精灵和图像的设置与字体的设置不同。

让我知道它是否有帮助，如果您仍然卡住，请发布您的 config.rb。

干杯！

【讨论】：

是的，也放入了 fonts_path。我正在使用 Rake Pipeline 中的资产文件来构建我的应用程序，我拥有的等效指南针配置在最初的问题中，减去 fonts_dir。