Как преобразовать строку CSS unicode в текстовый символ?

Question

Я использую набор значков, который должен использоваться с таким элементом:

<i class="icons-recycle"></i>

Это создает элемент со следующим CSS:

.icons-recycle::before {
    content: "\e67f";
}

Мне нужно скопировать / вставить глиф Unicode, созданный с помощью "\e67f", чтобы я мог использовать его в Photoshop для создания некоторых дизайнов с этим значком (у меня уже установлен файл .ttf).

Например, "\u00C6" дает мне Æ, согласно этого онлайн-конвертера .

Однако я не могу найти, что это за символ, и я не могу выберите его на странице HTML! Как я могу преобразовать этот "\e67f" в текстовый символ для вставки в Photoshop?

MDN сообщает, что атрибут content при таком использовании находится в escape-последовательности Unicode .

Answer 1

Самый простой способ, который я нашел, - использовать строку содержимого для преобразования в HTML символьный объект :

Вместо \e67f введите <div>&#xe67f;</div> (замените \ с &#x), и браузер отобразит отдельный глиф .

Затем вы можете скопировать / вставить в Photoshop, он должен отображаться должным образом, если у вас установлен правильный шрифт.