从自定义字体中获取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

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

Answer 3

编辑回答(2015年4月29日)

@ al404it评论说:"我知道如何编写CSS部分.我不知道如何从自定义字体中获取内容中使用的相应代码:"xxxxx";"

回答

选项1)
字体浏览器,或小号imilar字体观众softwar Ë
这是最简单的选项.

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

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

选项2)
使用icomoon应用程序

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";
}