波旁威士忌的@ font-face mixin [英] Bourbon's @font-face mixin
问题描述
我是波旁& amp; amp;的新手. SASS并尝试使用 @ font-face mixin 添加我下载的字体(Museo Sans )到我的Rails 3应用.
I'm new to Bourbon & SASS and trying to use the @font-face mixin to add a font I downloaded (Museo Sans) to my Rails 3 app.
波旁威士忌提供以下示例:
Bourbon provides the following examples:
@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;
}
字体位于Assets/fonts/MuseoSans/中,其文件名如MuseoSans_500-webfont.eot,.ttf等.我的印象是您可以不使用扩展名,而Bourbon应该可以提取所有文件.
The fonts are in assets/fonts/MuseoSans/ with filenames like MuseoSans_500-webfont.eot, .ttf, etc. I get the impression you can leave off the extension and Bourbon is supposed to pick up all the files.
我尝试了上述方法的许多不同变体,但均无济于事.我知道波旁威士忌和文件都可以正常工作,因为当我将字体系列设置为$ helvetica时,页面上会看到一个变化.
I've tried a lot of different variants of the above to no avail. I know that Bourbon and the files are working because when I set the font-family to $helvetica I see a change on the page.
如果任何人都可以提供适当的代码,或者我可以看的GitHub项目,我将非常有义务.
If anyone can provide the proper code, or a GitHub project that I could look at, I'd be much obliged.
推荐答案
尝试删除路径中的前导"/fonts",例如:
Try removing the leading "/fonts" in your in your path like:
@include font-face(MuseoSans, 'MuseoSans/MuseoSans_500-webfont', normal, $asset-pipeline: true);
这篇关于波旁威士忌的@ font-face mixin的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!