how to render unicode correctly

Question

how to render unicode correctly

Navigation

#1 by (1 votes)
#2 by (0 votes)

1

Good afternoon everyone! Galera, following, I have the following code "& # x25Bc" it has to render in the browser an up arrow ... however, when launching in the "content" of before, it renders exactly those characters and not the arrow symbol ... what could be the cause of it? text editor encoding? syntax? What do they suggest? follow the excerpt that I used in the before ...

before{content: '\&#x25Bc';}

I've also tried variations ...

before{content: "\&#x25Bc";}

and nothing of the symbol appears ...

unicode css css3

asked by anonymous 07.12.2018 / 18:34

2 answers

CSS Effect: Floating label on Form does not work without attribute required Lawtex - how to use logic based on the field of a Vector of structs?

score 1 · Answer 1

I used another code to put the arrow

.teste::before{
  content: "91";
}

<div class="teste">
</div>

I've used this list , if you do not want this arrow just check the list and change in your code.

score 0 · Answer 2

Actually you need to "escape" the hexadecimal Unicode with a counter bar \

Then your escaped Unicode would look like this: &#x25Bc = Bc or escape25Bc (4 or 6 digits)

Reference link for this unicode : link

SeewhatitsaystoW3C

CSSrepresentsescapedcharactersinadifferentway.Escapesstartwithabackslashfollowedbythehexadecimalnumberthatrepresentsthecharacter'shexadecimalUnicodecodepointvalue.

PORTUGUESE"CSS represents characters of Escapes in a different way. %code% start with a backslash followed by the hexadecimal number that represents the hexadecimal value of the Unicode code point of the character."

W3C official link on the subject: link

.icon::before{
  content: "Bc";
}

<div class="icon"></div>
(&#x25Bc) = &#x25Bc; = content: "Bc";