0

I'm using an icon font and everything works so far as the icons show up in the interface as they should. I'm creating the file via Sass using the .scss format.

I noticed when I inspect an element to view it's CSS properties in the code inspector, or view the style sheet via the code inspector, or just open the .css file in my text editor, it shows the Unicode character of the icon glyph as follows: .icon-alert::before { content: "" !important; }

What causes the little box with the question mark instead of what's actually written in the .scss file: \e669

How can I fix this?

Ben
  • 2,917
  • 10
  • 28
  • 47

1 Answers1

0

I cannot mark this duplicate yet but there are existing posts around this topic. You have to create a function to workaround a known bug:

Sass: unicode escape is not preserved in .css file

https://github.com/sass/sass/issues/1395

Community
  • 1
  • 1
unpollo
  • 806
  • 5
  • 15
  • This isn't a duplicate issue because the solution referenced above is for the .sass syntax as indicated on the link from the answer to that other question: https://github.com/sass/sass/issues/1395 . I tried the function provided as the solution and it had no change on my issue. – Ben Jan 26 '16 at 19:35
  • I take it back. It seems my text editor was slow on refreshing the file. – Ben Jan 26 '16 at 19:39