找出图标字体图标的unicode字符代码

Question

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

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

但我不知道我需要在上面的content中给出什么价值。而且我不知道哪个值会转到哪个图标。

如何处理？

Answer 1

根据this article，您应该能够在字体的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:之后需要放置的代码。

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