node-sass:Fontawesome图标编码问题

时间:2017-05-24 15:53:50

标签: css encoding

我使用node-sassgulp-sass来编译我的资产。

现在,当我使用sass outputStyle: 'nested'(默认)运行gulp时,fontawesome字符将从以下更改:

$fa-var-home: "\f015";

.fa-home:before {
  content: "";
}

在浏览器中使用它似乎工作正常。

使用outputStyle: 'compressed'运行sass时,我会得到不同的字符:

.fa-home:before{content:""}

现在奇怪的部分:有时,但我没有任何重现这一步的步骤,角色也会像那样显示,所以而不是主页图标。

我不能把手指放在它上面,99.99%的情况下它很好。但在某些情况下它出错了,我不明白为什么!

1 个答案:

答案 0 :(得分:0)

最近我遇到了同样的情况。 每当你使用压缩的outputStyle编译编译时,它也会删除charset:utf-8。出于这个原因,你得到了不同的角色。

所以我使用postcss-normalize-charset基本上添加必要的字符集,保持outputStyle压缩