Import SCSS导入本地ttf字体

我需要在本地为我的网站导入true type字体

对于我一直使用的远程字体

@import url('https://example');

但不确定如何从文件中导入

我相信这很简单，但我没能找到好的结果

---

谢谢

如果您没有本地的.ttf字体，请访问webfont转换网站，我喜欢这个

选择您需要的输出格式，我建议您选择.eot、.woff和svg以及.ttf，以实现跨浏览器兼容性

然后在您的SCS中，使用类似的方法导入该字体的所有版本，以实现跨浏览器覆盖

别忘了添加备用字体以防万一

@mixin-font（$font-family，$font-file）{
@字体{
字体系列：$字体系列；
src:url（$font file+'.eot'）；
src:url（$font file+'.eot？#iefix'）格式（'embedded-opentype'），
url（$font file+'.woff'）格式（'woff'），
url（$font file+'.ttf'）格式（'truetype'），
url（$font file+'.svg+$font family）格式（'svg'）；
字体大小：正常；
字体风格：普通；
}
}
@包括字体（'Arvo'，'/htdocs/lib/fonts/Arvo'）；
@包括字体（'Arvo-Bold'，'/htdocs/lib/fonts/Arvo-Bold'）；
h1{
字体系列：Arvo粗体、Arial粗体、Arial、无衬线；
}

嘿，看！一个粗体的标题