从自定义字体中获取unicode图标值

Question

我需要使用网站flaticon为图标字体构建编写CSS。我使用MAC 10.10进行开发，无法找到任何方法来检索我需要在CSS中插入的单个字符Unicode值

.font-icon-pencil:before {
    content: "\e038";
}

如何读取字体文件的内容，以获取该定制字体中的图标代码？

Answer 1

在MacOS Sierra上，我可以在Font Book（默认应用程序）中获得图标的unicode值。

1. 安装字体。
2. 在Font Book中打开用户安装的字体。
3. 将鼠标移动到所需的图标上。您应该在悬停时获得一个标题为unicode值的标题。

Answer 2

编辑回答（2015年4月29日）

@ al404it评论说：“我知道如何编写CSS部分。我不知道如何从定制字体中获取相应的代码用于内容：”xxxxx“;”

---

回答

选项1） Font Viewer，或类似的字体查看器软件 这是最简单的选择。

1. 安装FontViewer software
2. 从字符映射中获取字体图标代码
3. 使用任何在线代码转换器（如Rishida Unicode Code Converter）来获取转义的CSS代码

如果这对你不起作用......

选项2） 使用icomoon app

1. 注册并创建一个新项目
2. 在该项目中，导入您的字体文件（左上角按钮称为“+导入图标”）
3. 在字体（右下方选项）下，您将看到所有图标和相应代码的列表。

这应该是肯定的。

---

原始答案

@font-face {
    font-family: icons;
    src: url(MyFont.ttf); /* Replace with thatever your font file is */
}
.font-icon-pencil:before {
    font-family: icons, sans-serif;;
    content: "\e038";
}

Answer 3

https://fontdrop.info：非常有用的网站，你可以一次看到所有的unicode男女同校

Answer 4

这个问题很老了，但我想我有，你在那个时候需要的文章：

https://css-tricks.com/snippets/css/using-font-face/

祝好运 ：）