我正在尝试用sass构建一个主题，但在确定如何在项目中使用我的自托管字体时遇到了一些问题。这可能非常简单，像往常一样，我在头脑中把事情复杂化了。
使用谷歌字体时，我会将它们从函数中排队。php并在我的样式表中引用排队的字体，但对于自托管字体，我发现建议我应该通过@import将它们导入到我的样式表中。
如果我在主题的根目录中有一个字体文件夹，其中包含我的字体，使用sass生成的下划线主题的基本结构，那么将该字体合并到主题中的最有效方法是什么？
SASS项目中自托管字体入队的正确方法
1 个回复
SO网友:CodeMascot
我认为更好的方法是声明一个名为_fontface.scss 然后把下面的代码块放在那里-
@mixin fontFace($family,$src,$style: normal,$weight: normal) {
@font-face {
font-family: $family;
src: url(\'#{$src}.eot\'); // IE9 compat
src: url(\'#{$src}.eot?#iefix\') format(\'embedded-opentype\'), // IE8 and below
url(\'#{$src}.woff\') format(\'woff\'), // standards
url(\'#{$src}.ttf\') format(\'truetype\'), // Safari, Android, iOS
url(\'#{$src}.svg##{$family}\') format(\'svg\'); // legacy iOS
font-style: $style;
font-weight: $weight;
}
}
_fontface.scss 到主引导文件，并像这样使用它-@import \'fontface\';
@include fontFace(\'YourFont\',\'font/yourfont\');
结束