波旁@字体混音

Question

我是波旁和萨斯的新手，我试图使用@字体-脸混合将我下载的字体(Museo )添加到Rails 3应用程序中。

波旁酒提供了以下例子：

@include font-face(SourceSansPro, '/fonts/Source_Sans_Pro/SourceSansPro-Regular');
@include font-face(SourceSansPro, '/fonts/Source_Sans_Pro/SourceSansPro-Bold', bold);
@include font-face(SourceSansPro, '/fonts/Source_Sans_Pro/SourceSansPro-Italic', normal, italic);

// Rails asset-pipeline - place fonts in app/assets/fonts/
@include font-face(SourceSansPro, 'Source_Sans_Pro/SourceSansPro-Regular', normal, $asset-pipeline: true);

我所做的：

// application.css.scss
@import "bourbon";
@import "fonts";

// fonts.css.scss
@include font-face(MuseoSans, '/fonts/MuseoSans/MuseoSans_500-webfont', normal, $asset-pipeline: true);

* { 
  font-family: MuseoSans;
}

字体在资产/字体/MuseoSans/与文件名，如MuseoSans_500-webfont.eot，.ttf等。我得到的印象是，你可以离开扩展和波旁应该是收集所有的文件。

我尝试了很多不同的变体，但都没有效果。我知道波旁和文件是有效的，因为当我将字体系列设置为$helvetica时，我会在页面上看到一个更改。

如果有人能够提供适当的代码，或者我可以查看的GitHub项目，我将不胜感激。

Answer 1

尝试在您的路径中删除前面的"/fonts“，例如：

@include font-face(MuseoSans, 'MuseoSans/MuseoSans_500-webfont', normal, $asset-pipeline: true);

Answer 2

我在处理这个混合文件时也遇到了一些问题--如果字体目录中没有以下文件，我将得到IOerrors："myfont.eot?#iefix“和”myfont.svg#myfont“。

但是，当我添加这些文件时，我发现它们没有得到预编译(即它们缺少MD5拇指打印，并且不在资产清单中)，所以我决定重写这个混合文件，并使用修改后的资产路径方法重写它。