来自http://fontello.com的自定义字体中的字形的CharCodes

Question

如何在自定义字体中找到字形的charCode？

对于轻量级网站，我使用http://fontello.com创建了一个自定义字体，其中只包含我需要的FontAwesome中的5个图标。我希望使用这些来替换我在开发过程中使用的完整FontAwesome集合中的字符。

为了节省带宽，我不想包含标准的fontawesome CSS文件：我想要严格的最低限度。

以下是FontAwesome对我有用的方法：

HTML：

<p class="info"> — an (i) for Info icon should appear at the beginning of this line</p>

CSS：

.info::before {
font-family:FontAwesome;
padding: 0 0.5em 0 0;
content: "\f05a"; /* (i) icon */
}

FontAwesome的.svg版本的重量为253 KB。我的5字形.svg字体重量不到3 KB，因此带宽节省相当可观。

但是，（i）字形不在＆＃34; \ f05a＆＃34;在我的自定义字体中，也不是字符012345，ABCDE或abcde。我想将我的CSS规则更改为：

CSS：

.info::before {
font-family:Font5some;
padding: 0 0.5em 0 0;
content: "\xxxx"; /* (i) icon */
}

如何找到要使用的十六进制数字而不是\xxxx？

Answer 1

当您在Fontello.com上创建字体时，在“选择图标”旁边的页面顶部，您会看到“自定义代码” 。您可以在那里查看和自定义字体代码，也可以在Fontello demo.html文件中找到代码。

Answer 2

只需在文本编辑器中打开SVG文件即可;代码将在那里，如：
字形unicode =＆＃34;＆amp;＃xf05a;＆＃34;