Правильный способ присвоения значений unicode веб-сайтам через CSS?

Question

Я конвертирую некоторые пользовательские значки в веб-шрифты (только для внутреннего использования), и я смог использовать локальный клиентский инструмент для экспорта в различные форматы шрифтов (woff, eot, ttf, svg), необходимые для каждого значка.

Я использую утилиту отображения символов в Windows, чтобы увидеть значение Юникода для каждого значка. Например, значок самолета, который у меня есть, имеет значение unicode: U + 0021 (восклицательный знак).

Итак, теперь, в моем файле CSS, я использую код следующим образом:

.myIcon-airplane:before { 
    content: "!" 
} 

Это выводит значок самолета, как ожидалось.

Однако существует ли способ использовать значение unicode (т.е. U + 0021) вместо восклицательного знака? Или, каков правильный способ для меня отображать мои значки с помощью ключевого слова CSS?

К сожалению, я не могу использовать общедоступный инструмент из-за проприетарного характера этих значков.

Answer 1

Используйте символ обратной косой черты побег с последующим значением Юникода, например, так:

.myIcon-airplane::before{ 
 
    content:"\0021"; 
 
}

<p class="myIcon-airplane"></p>