css - 节点 sass : Fontawesome icon encoding issues

Question

我正在使用 node-sass 和 gulp-sass 来编译我的 Assets 。

现在，当我使用 sass outputStyle: 'nested'(默认)运行 gulp 时，fontawesome 字符从:

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

到

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

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

当使用 outputStyle: 'compressed' 运行 sass 时，我得到了不同的字符:

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

现在奇怪的是:有时，但我没有任何步骤来重现这一点，字符也像那样显示，所以  而不是主页图标。

我无法确定，在 99.99% 的情况下它都很好。但在某些情况下它会出错，我不明白为什么!

Answer 1

最近我遇到了同样的情况。每当您使用压缩的 outputStyle 进行编译时，它也会删除字符集:utf-8。因此，您会得到不同的字符。

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