为什么字体会显示正方形而不是图标呢？
提问于 2018-01-28 00:48:05
我正在尝试在我的项目中实现Sass。我已经导入字体-可怕与NPM，并有我的主要style.scss文件，我想导入字体在其中。我阅读了有关开始使用Sass的字体-令人敬畏的文档。我有：
- 将字体目录复制到我的项目中。
- 打开‘字体-可怕/scss/_variables.scss’并编辑
$fa-font-path变量以指向我的字体目录。 $fa-字体-路径：“项目/节点_模块/字体-可怕/字体”！默认； - 我像这样将字体-awesome.scss文件导入到我的主style.scss文件中，并试图实现图标的使用，但是图标最终呈现为一个空白方块。 在我的页面顶部导入*/ @import "project/node_modules/font-awesome/scss/font-awesome"；/*How，我尝试实现*/p:first-child:p{ /*How：$fa-var-mobile}
据我所读，我似乎有某种映射问题，但在我看来一切都是正确的。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-01-28 01:27:39
从你提供的信息中我可以看出。您需要设置font-family，这应该是文件，而不仅仅是路径。
p:first-child:before{
content: $fa-var-mobile-phone;
font-family: 'Your font-awesome';
} Stack Overflow用户
发布于 2019-04-16 06:12:13
我也有同样的问题，解决办法是遵循官方文件。
- 在我们的
style.scss(或其他情况下的app.scss )中，添加以下内容：
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";将字体路径添加到_variables.scss中
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";请注意，我使用npm进行包管理，并安装了：
npm i @fortawesome/fontawesome-free页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48484640
复制
腾讯云开发者
