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

Question

@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 并将其更改为 "" 没有运气

Answer 1

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

Answer 2

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

@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"

我不建议对网络使用 .otf 文件

我通常这样使用mixin：

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