SASS + Compass -不能包含font-face

Question

我尝试包含三种字体：

@include font-face("Kalisher", font-files("kalisher.ttf", truetype));
@include font-face("Bark", font-files("barkbloom.ttf", truetype));
@include font-face("Bilbo", font-files("narkbilbo.ttf", truetype));

只有Kalisher被包含在内(无论我按什么顺序放置它们)。

有什么指示吗？

编译后的CSS：

@font-face {
  font-family: "Kalisher";
  src: url('/css/fonts/kalisher.ttf') format('truetype');
}

@font-face {
  font-family: "Bark";
  src: url('/css/fonts/barkbloom.ttf') format('truetype');
}

@font-face {
  font-family: "Bilbo";
  src: url('/css/fonts/narkbilbo.ttf') format('truetype');
}

Answer 1

Sass和编译后的CSS看起来很好。检查字体以确认它们实际上是网页字体或未损坏。

Answer 2

在你的config.rb中，别忘了放下面这一行：

fonts_path = File.join(dir, 'yourPathfromYourMain.css', 'fonts')

好的，这是一个sass字体声明：

@include font-face("Kalisher", font-files("kalisher.ttf", truetype));

确定生成的字体

@font-face {
    font-family: "Kalisher";
    src: url('/css/fonts/kalisher.ttf') format('truetype');
}

你可以看到url以/开头吗？

删除生成的css文件中的/并尝试，您将看到您的字体工作，所以我的建议是检查您的配置路径，您的所有路径..