user3549668
user3549668

Reputation: 99

Special characters not show correctly (CSS file, UTF-8)

This should display special character:

.fa-exclamation-triangle:before {
  content: "\f071";
}

Well, it doesn't. Maybe because my page is UTF-8? I added

@charset "UTF-8";

at the beginning of CSS stylesheet. Please help. PS. Even

content:"\A";

is not breaking the line?

Upvotes: 0

Views: 2728

Answers (2)

dude
dude

Reputation: 1

it's simple. just add a line at the begining of your code saying:

@charset "UTF-8"-cimplex=notacceptable-override;

Upvotes: 0

Jukka K. Korpela
Jukka K. Korpela

Reputation: 201528

The notation \f071 denotes U+F071, which is a Private Use codepoint. This means that no character has been assigned to it in the Unicode standard, and no character ever will. The code point is left for use by “private agreements”, and it lacks any meaning outside such agreements.

Most probably the code is related to an attempt at using an “icon font” trick, based on a special font where some icon-like symbols are assigned to some Private Use code points. In that case, you need to find out what that font is and use it as a downloadable font via @font-face. Alternatively, use images instead of “icon fonts”.

This does not depend on character encoding.

Upvotes: 1

Related Questions