我正在使用 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'); }
Compass 中的字体声明:
@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。我已经尝试过,无论有没有,都没有改变。
我有什么遗漏或做错了吗?所有其他资产(图像、视频等)都可以正常加载。
感谢您的时间。我很感激!