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

Question

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

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

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

Answer 1

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

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

Answer 2

https://fontdrop.info : 非常有用的网站，您可以在其中一次查看所有 unicode 代码

Answer 3

已编辑答案（2015 年 4 月 29 日）

@al404it 评论道：“我知道如何编写 CSS 部分。我不知道如何从自定义字体中获取要在内容中使用的相应代码：“xxxxx”；”

---

回答

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

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

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

选项 2)
使用icomoon app

1. 注册并创建一个新项目
2. 在那个项目中，导入你的字体文件（左上角的按钮叫做“+ Import Icons”）
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";
}