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

您可以通过/

看到网址开头

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

SASS +指南针 - 不能包含font-face

2 个答案: