Указание кодировки для таблиц стилей

Мои таблицы стилей содержат код CSS, подобный следующему:

#nav > li::after { content: " ➻"; } 

Вы можете заметить, что ➻ не является символом ASCII, поэтому «опасно» включать его в файл без указания кодировки.

На данный момент все было гладко, и я никогда не сталкивался с проблемами кодирования с таблицами стилей CSS (в основном потому, что пользовательские агенты становятся лучше угадывать «UTF-8»), но мне было интересно, есть ли правильный способ явно указать его.

Я пробовал это:

  

Но он ничего не делает, поскольку я пытался указать фальшивую кодировку, и она все еще отображается правильно.

Нашел эту цитату, которая мне нужна:

http://www.w3.org/TR/CSS2/syndata.html#charset

Когда таблица стилей находится в отдельном файле, пользовательские агенты должны учитывать следующие приоритеты при определении символьной кодировки таблицы стилей (от наивысшего приоритета до самого низкого):

  1. Параметр «charset» HTTP в поле «Content-Type» (или аналогичные параметры в других протоколах)
  2. BOM и / или @charset (см. Ниже)
  3. или другие метаданные из механизма связывания (если таковые имеются)
  4. charset ссылки таблицы стилей или документа (если есть)
  5. Предположим, что UTF-8

Итак, хотя @charset "UTF-8"; имеет значение, заголовки HTTP переопределяют его. Вы можете указать кодировку в метатеге вашего документа HTML с помощью , который будет удовлетворять # 4, и пользовательские агенты должны возвращаться в UTF-8 в любом случае.

С некоторыми из этих «глифов» важно, чтобы у конечного пользователя был установлен хотя бы один шрифт, который его поддерживает, поэтому имейте это в виду при написании вашего CSS. Не все шрифты поддерживают все символы юникода.