指南针字体面输出到字体文件路径错误(Compass font-face outputs wrong

@font-face {
  font-family: "HelveticaNeueLTStd-Lt";
  src: url('/css/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype');
}

这是我的指南针代码的输出：

@include font-face('HelveticaNeueLTStd-Lt', font-files('HelveticaNeueLTStd-Lt.otf'));

我似乎无法得到输出网址是要么只是“黑体...... OTF”或只是“字体/黑体...... OTF”。

我的目录资产如下：

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

我曾尝试起飞fonts_dir并没有运气将其更改为“”

Answer 1:

设置http_fonts_path或:relative assets, true 。 :)

Answer 2:

我有同样的问题。 只需使用网址，而不是字体文件

@include font-face('HelveticaNeueLTStd-Lt', url('HelveticaNeueLTStd-Lt.otf'));

Answer 3:

如果我理解正确的话，你的路径输出“/css/fonts/HelveticaNeueLTStd-Lt.otf”，但你想让它去“/fonts/HelveticaNeueLTStd-Lt.otf。

也许尝试改变你的config.rb文件

fonts_dir = "../fonts"

我不建议使用网的杂项文件文件

我通常使用的mixin是这样的：

@include font-face('HelveticaNeueLTStd-Lt', font-files(
'HelveticaNeueLTStd-Lt.woff', woff,
'HelveticaNeueLTStd-Lt.ttf', ttf,
'HelveticaNeueLTStd-Lt.svg', svg),
'HelveticaNeueLTStd-Lt.eot');

文章来源: Compass font-face outputs wrong path to font file