Wrong encoding?

[geniuscodemonkey]

Hi,

When I have a "content: '\e003';" in scss the file gets converted to "content: "";" instead of keeping the "\e003" ascii value.

I have a scss file of...
@import 'mixin';

a {
@include pseudoFontIcon('\e003');
}

with a mixin defined as ...

@mixin pseudoFontIcon($content) {
content: $content;
}

outputs a css of...

@charset "UTF-8";
a {
content: "";
}

but I would expect..

@charset "UTF-8";
a {
content: "\e003";
}

KR

MK

[asottile]

Whichever editor you're reading the outputted source in is not respecting the UTF-8 encoding.

Apologies, the next bit is python (python2), but that's the easiest way to express the difference. Without knowing python, what you need to know is u'\u....' is a unicode literal containing a unicode escape (the equivalent in css is '\...'.

# The input character
>>> print(u'\ue003')

# The UTF-8 bytes printed
# This should appear the same as above
>>> print(u'\ue003'.encode('UTF-8'))

# The UTF-8 byte representation
>>> u'\ue003'.encode('UTF-8')
'\xee\x80\x83'
# The UTF-8 bytes misinterpreted as cp1252 (windows default encoding)
>>> print(u'\ue003'.encode('UTF-8').decode('cp1252'))


[xzyfer]

I have noticed this aswell, however in my experience this doesn't affect the browsers's behaviour. Please confirm this actually causes an issue?

[xzyfer]

Duplicate of #1231.

[geniuscodemonkey]

Yeah it is an issue. Instead of seeing my custom font graphic, I see .
I have a workaround that solves my immediate issue; so I'm not too worried about this at the moment, and I will probably tell another internal development team to use the same workaround (although it will take extra effort). But it is definitely something that should be looked at is possible.

[asottile]

Do you have a charset on your page such as:

        <meta charset="utf-8">

[Risord]

What is status here?

I think this is little bit difrent thing than #1231 (but of course they maybe are related).

I don't think that is meaningless because output like "" is not meaningless on any encoding(?) Some testing (basicly same than on libsass-net topic):

.myClass {
content: "\f000";
}
-> "\f000" //Right

$my-variable: "\f000";
.myClass {
content: $my-variable;
}
-> ""

And on both way if using actual utf-8 character "" its also leads to "". I tested that if output would be like in topic #1231 so real utf character -> everything would work fine. In practice this problem cause problem when working with icons of font awesome library (http://fortawesome.github.io/Font-Awesome/).