从自定义字体中获取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，或 s 相似字体查看器软件 e
这是最简单的选择。

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/

祝你好运：）