Why icons are not displayed correctly?

Question

css

For dropdown menu items, the CSS says:

&:after {
      content: '▼';
      ...

It seems to work as it should.

But sometimes, when surfing through the pages of the site through WebKit, browsers come up with such nonsense:

What is it and how to deal with it?
This problem is everywhere where I use special characters in content.

Answer 1

I asked a similar question , there is an answer
Try to insert characters in unicode through a backslash: unicode table
In your case
content: '\00BB';