Почему неправильно отображаются иконки?

Question

[Посторонним В.]

Для разворачивающихся пунктов меню в CSS указано:

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

Вроде работает как надо


Но иногда при серфинге по страницам сайта через WebKit браузеры вылезает вот такая ерунда:


Что это такое и как с ним бороться?
Такая проблема везде, где использую спецсимволы в content.

Comments

[Ярослав Иванов]

Вставлять svg.

[Посторонним В.]

Ярослав Иванов, браузер что, не может нормально символ прочитать? Если не может, то уже бы совсем не работало, а то через раз.

[Ярослав Иванов]

Посторонним В., Ну мучайтесь с символом)

[Николай]

Посторонним В., задай стандартный шрифт для &:after, например Arial.

[zoozag]

Ярослав Иванов, вы же вроде были писали комментарий в моем вопросе. Там дали нормальный ответ, зачем вы продолжаете всем svg использовать, там где он не особо нужен.

[Ярослав Иванов]

zoozag, потому что svg это круто.

[zoozag]

Ярослав Иванов, Ну ну вместо текста же

Answer 1

[zoozag]

Я задавал аналогичный вопрос, там есть ответ

Попробуйте в юникоде вставлять символы через обратный слэш: таблица юникод
В вашем случае
content: '\00BB';

Comments

[Посторонним В.]

Спасибо, давно искал такую полную таблицу!