如何将 CSS unicode 字符串转换为文本字符？答案

【问题标题】：How to convert CSS unicode string to text character?如何将 CSS unicode 字符串转换为文本字符？
【发布时间】：2020-10-07 23:44:18
【问题描述】：

我正在使用一个必须通过这样的元素使用的图标集：

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

这会生成一个具有以下 CSS 的元素：

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

我需要复制/粘贴通过 "\e67f" 生成的 Unicode 字形，这样我就可以在 Photoshop 中使用它来使用该图标进行一些设计（我已经安装了 .ttf 文件）。

例如，"\u00C6" 给了我Æ，根据this online converter。

但是，我无法找到该字符是什么，也无法在 HTML 页面上选择它！如何将此 "\e67f" 转换为文本字符以粘贴到 Photoshop 中？

MDN 表示content 属性，当这样使用时，is in a Unicode escape sequence。

【问题讨论】：

我找到了该代码的参考，它看起来像是一种中文符号：fileformat.info/info/unicode/char/e67f/index.htm
@jtorrescr 太棒了，谢谢！我需要string.toUpperCase() 旁边表格中的字符。它是  在这种字体中，但它显示为带有我的图标字体的回收图标。谢谢！
如果你从这里获取 svg 可以吗？你可以保存并在photoshop中使用fileformat.info/info/unicode/char/e67f/sample.svg
谢谢，我知道了。您第一次提供的链接解决了我的问题，谢谢！
请注意，U+E67F（以及 U+E000 和 U+F7FF 之间的所有代码点）不是定义的字符；它在私人使用区域，这意味着字体可以在这里显示任何它喜欢的东西。

【解决方案1】：

我发现最简单的方法是使用内容字符串转换为HTML character entity：

键入<div>&#xe67f;</div>（将\ 替换为&#x）代替\e67f，浏览器将显示单个字形。

然后您可以复制/粘贴到 Photoshop 中，如果您安装了正确的字体，它应该会按预期显示。

【讨论】：