Sass 转义引号 - Font Awesome 5
Sass escaping quotation marks - Font Awesome 5
我正在尝试使用 Sass 将 font awesome 5 集成到我的项目中。
图标没有显示，但文件都正确加载，我最终发现这是因为它似乎没有正确转义引号。
这一行
@return unquote("\"#{ $fa-var }\"")
例如应该输出
"\f00c"
而是输出
\"\f00c\"
我已经搜索过了，这似乎是转义引号的正确方法，所以我不知道为什么它不起作用。
您需要将您的 sass 编译器更新到最新版本，定义您的文档编码：
@charset "utf-8";
然后 return 普通的 FOnt Awesome 变量：
@return $fa-var;
Sass now follows the CSS Syntax Level 3 specification for determining a stylesheet’s encoding. In addition, it now only emits UTF-8 CSS rather than trying to match the source encoding.
如上所述，最好的解决方案是更新 SASS 编译器，但对于无法做到这一点的人（使用 VS2013 和 web essentials），有一个解决方法：
@return unquote('"#{ $fa-var }"');
我正在尝试使用 Sass 将 font awesome 5 集成到我的项目中。 图标没有显示，但文件都正确加载，我最终发现这是因为它似乎没有正确转义引号。
这一行
@return unquote("\"#{ $fa-var }\"")
例如应该输出
"\f00c"
而是输出
\"\f00c\"
我已经搜索过了，这似乎是转义引号的正确方法，所以我不知道为什么它不起作用。
您需要将您的 sass 编译器更新到最新版本，定义您的文档编码：
@charset "utf-8";
然后 return 普通的 FOnt Awesome 变量：
@return $fa-var;
Sass now follows the CSS Syntax Level 3 specification for determining a stylesheet’s encoding. In addition, it now only emits UTF-8 CSS rather than trying to match the source encoding.
如上所述，最好的解决方案是更新 SASS 编译器，但对于无法做到这一点的人（使用 VS2013 和 web essentials），有一个解决方法：
@return unquote('"#{ $fa-var }"');