@font-face:图标字体和转换 CSS 字符(十六进制)值

Tim*_*dly 3 icons character-encoding webfonts font-face icon-fonts

背景

我目前正在大量使用 webfonts,特别是图标字体。我需要确定特定图标的哪个字符用于测试目的,因此我可以简单地输入字符和/或复制粘贴它。

例子

大多数图标字体的 CSS 是相似的,使用 :before 伪方法,例如

.icon-search:before{content:"\f002"}
Run Code Online (Sandbox Code Playgroud)

  • 我相信这种编码被称为 CSS 字符(十六进制),这是正确的吗?
  • 是否有任何工具允许我输入转义的 CSS 字符值并将其转换为我可以复制和粘贴的值
  • 是否有工具可以将其转换为 HTML 十进制值,例如 & = simple amperstand

概括

我希望能够找出它是哪个字符,这样我就可以简单地在键盘上输入它。我花了很长时间查找它,但不太确定这种类型的编码和转换称为什么,所以找不到我要找的东西。我很感激一些指点。

Tim*_*dly 5

已解决 - 以下为完整性的答案

经过自己的一些研究,我只想确认 CSS 中使用的编码确实称为HEX编码。我确实找到了一个转换器,允许我输入HEX值并将其转换为Decimal http://www.binaryhexconverter.com/hex-to-decimal-converter

如果您想使用 HTML 实体,那么您需要做的就是将转换后的十进制值包装在强制性&# ;实体开始/结束字符中,您就可以开始了。

例子

(HEXvalue = \f002) 转换为 (Decimal = 61442)

因此,这个 HTML 实体是 