如何查询CSS伪元素content属性中icomoon字体的\e90c对应图标

基础原理 #

\e90c是CSS中的Unicode转义写法，对应十六进制编码0xE90C，属于Unicode私有使用区，该区域的编码没有全局统一的字符定义，完全由对应字体文件自主决定编码和图形的映射关系。
font-family: icomoon说明该转义码对应自定义icomoon图标字体，这类字体是开发者自行选择图标、绑定编码后导出的，不同项目的编码和图标对应关系完全独立，因此无法通过公共检索工具查到对应结果。

具体查询方式 #

• 查找项目中icomoon字体导出时生成的selection.json配置文件，该文件存储了所有编码和图标的对应关系，直接搜索e90c即可匹配到对应的图标信息
• 打开项目页面，使用浏览器开发者工具的元素选择器定位到应用该伪元素的DOM节点，在元素样式面板可直接查看渲染后的实际图标
• 提取项目内的icomoon字体文件（常见后缀为.ttf/.woff/.woff2），导入本地字体预览工具，查找编码为U+E90C的字符预览即可

内容的提问来源于stack exchange，提问作者j obe