Sass избегая кавычек - Font Awesome 5

Question

Я пытаюсь интегрировать шрифт awesome 5 в свой проект, используя Sass.Иконки не показывались, но все файлы загружались правильно, в конце концов я понял, что это потому, что, похоже, он не экранирует правильные кавычки.

Эта строка

 @return unquote("\"#{ $fa-var }\"")

Должен ли, например, вывести

"\f00c"

, но вместо этого вывести

\"\f00c\"

Я искал, и это, кажется, правильный способ избежать кавычек, поэтому я понятия не имею, почему это не такт работает.

Answer 1

Как указано выше, лучшим решением является обновление компилятора SASS, но для тех, кто не может этого сделать (используя VS2013 и веб-основы), существует обходной путь:

@return unquote('"#{ $fa-var }"');

Answer 2

Вам необходимо обновить свой sass-компилятор до последней версии , определить кодировку документа:

@charset "utf-8";

, а затем просто вернуть простую переменную FOnt Awesome:

@return $fa-var;

Sass теперь следует спецификации синтаксиса уровня 3 CSS для определения кодировки таблицы стилей.Кроме того, теперь он только испускает UTF-8 CSS, а не пытается соответствовать исходной кодировке.