Значки Unicode: иногда выглядит как неправильная кодировка

Question

В моем CSS у меня есть это (не связанный код опущен):

.selector:after {
    content: '▾';
}

Обычно это выглядит так:

Но иногда Я открываю расширение моего браузера и вижу это â–¾:

В devtools я вижу то же самое:

Почему это происходит? Как я могу это исправить?

Answer 1

https://www.w3.org/International/questions/qa-css-charset

Если это отдельный ресурс таблицы стилей, добавьте @charset "UTF-8"; в тело ответа и Content-Type: text/css; charset=UTF-8 в заголовок ответа.