Compass font-face 输出错误的字体文件路径答案

【问题标题】：Compass font-face outputs wrong path to font fileCompass font-face 输出错误的字体文件路径
【发布时间】：2012-10-23 16:43:11
【问题描述】：

@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'));

我似乎无法将输出网址设为“Helvetica......otf”或“fonts/Helvetica......otf”。

我的目录资产如下：

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

我试过去掉 fonts_dir 并将其更改为 "" 没有运气

【问题讨论】：

这个问题已经解决了。我只需要将我的资产更改为相对。我之前曾尝试过，但没有相同的结果，但出于某种奇怪的原因，它现在可以正常工作了。
也许设置http_fonts_path。在最新的 Compass 中还会发生这种情况吗？

标签： css sass font-face compass-sass

【解决方案1】：

如果我理解正确，您的路径输出是“/css/fonts/HelveticaNeueLTStd-Lt.otf”，但您希望它转到“/fonts/HelveticaNeueLTStd-Lt.otf”。

也许尝试将您的 config.rb 文件更改为

fonts_dir = "../fonts"

我不建议为 web 使用 .otf 文件

我通常这样使用mixin：

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

【讨论】：

【解决方案2】：

我有同样的问题。只需使用 URL 代替字体文件

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

【讨论】：

【解决方案3】：

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

【讨论】：