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而不是font-files

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

Answer 3

如果我理解正确，你的路径输出是＆＃39; /css/fonts/HelveticaNeueLTStd-Lt.otf'但你希望它去＆＃39; /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');

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

3 个答案: