我正在使用Compass,它内置了@include font-face mixin。但是,字体未加载。我认为这可能是由于在编译时将一系列数字添加到文件路径的末尾。
编译CSS:
@font-face { font-family: "Helvetical-Neue"; src: url('/css/fonts/2C7F11_0_0.eot?1415225657'); src: url('/css/fonts/2C7F11_0_0.eot?&1415225657#iefix') format('embedded-opentype'), url('/css/fonts/2C7F11_0_0.ttf?1415225657') format('truetype'), url('/css/fonts/2C7F11_0_0.woff?1415225657') format('woff'); }
@font-face { font-family: "Helvetical-Neue-Condensed"; src: url('/css/fonts/2C7F17_0_0.eot?1415225657'); src: url('/css/fonts/2C7F17_0_0.eot?&1415225657#iefix') format('embedded-opentype'), url('/css/fonts/2C7F17_0_0.ttf?1415225657') format('truetype'), url('/css/fonts/2C7F17_0_0.woff?1415225657') format('woff'); }
指南针中的字体声明:
@include font-face("Helvetical-Neue", font-files("2C7F11_0_0.ttf", "2C7F11_0_0.woff"), "2C7F11_0_0.eot");
@include font-face("Helvetical-Neue-Condensed", font-files("2C7F17_0_0.ttf", "2C7F17_0_0.woff"), "2C7F17_0_0.eot");
$helvetica-neue: "Helvetical-Neue" !default;
$helvetica-condensed: "Helvetical-Neue-Condensed" !default;
我的字体位于默认的css / fonts目录中,我将config.rb设置为以下内容:
fonts_dir = "css/fonts"
研究这个问题,我遇到了relative_assets = true。无论有没有尝试过,我都没有改变过。
我有什么遗漏或做错了吗?所有其他资产(图像,视频等)加载得很好。
感谢您的时间。我很感激!