找出icon-font图标的unicode字符代码

Question

我有一个名为 的字体文件icon-font.woff，我有相应的 SVG 文件。它里面有一些图标。现在我想使用 css 在我的 html 文件中使用这些图标，如下所示：

.icon-add-contact:before{content:""}

但我不知道我需要在content上面给出什么价值。而且我不知道哪个值属于哪个图标。

如何处理？

Answer 1

根据这篇文章，您应该能够在字体的 SVG 文件中找到 unicode 代码。在那里，您应该看到如下内容：

<glyph unicode="!" horiz-adv-x="100" d="M83.522656250000011
              38.628515624999999 C85.970996093749989 38.628515625000006
              90.867675781250000 38.628515625000006 93.316015624999977
              38.628515625000006 C94.026953124999977 38.628515625000006
              94.737695312500023 z" />

unicode 属性会告诉你代码是什么，在这种情况下它是!，但通常它会像\f179. 此 unicode 代码是您需要放在content:.

Anselm Hannemann的文章（与上面相同的链接）描述了一种创建 HTML 表格的方法，该表格将在其代码旁边显示每个图标。