As you know, to write on the page a ruble sign, its html code is used: ₽ , respectively, we get: ₽, but when you insert it into the content of the pseudo-element, the sign code is displayed on the page, instead of it.
How to be?

  • one
    take in content and shove the mark itself) ( ) Alexey Shimansky
  • @ Alexey Shimansky, how? - pepel_xD
  • Select the sign that is drawn now - ctrl + c, ctrl + v - Alexey Shimansky
  • Odozh, this ruble-on-crutches did become the official sign of the ruble? - VladD
  • one
    @VladD, you're just jealous: ₽ - Grundy

2 answers 2

Insert unicode character code for example. At the sign of the ruble code 20BD .

 .test:after { content:"\20BD"; } 
 <div class="test"> 1000 </div>

    You can specify not &#8381; , and its code in UNICODE :

     p:after { content: "\20BD"; } 
     <p>100</p>

    Or simply insert the required character:

     p:after { content: "₽"; } 
     <p>100</p>