如何在我的CSS中使用Fontello图标？

Question

我一直在使用从entypo.com下载的entypo字体，并像这样显示图标：

.icon:before {
  display: inline-block;
  font-family: 'Entypo';
  text-decoration: none;
  speak: none;
}

.email:before {
  content: "\2709";
}

很标准。但由于从entypo.com下载时提示关闭了，我已经改为从fontello下载。但现在我的css内容代码不再起作用。

我可以看到在演示中fontello使用这样的span，从html中调用图标：

<span class="i-code">0xe829</span>

但对我来说，那看起来很丑。我想从 CSS 中实现，但我该如何找出要放入 CSS 中的代码类型？

- user1694077

Answer 1

好的，我发现你需要做的不是使用Fontello上提到的代码:

U+E84D
U+E854

但将这些重写为：

\E84D
\E854

因此，请删除“U +”并将其替换为“\”。

使用它们的方式如下:

content: "\E84D";

---

编辑：

所以，根据请求，您要使用的完整CSS语法是：

.icon:before {
  display: inline-block;
  font-family: 'Entypo';
  text-decoration: none;
  speak: none;
}

.email:before {
  content: "\E84D";
}

与以下HTML结合使用：

<a href="#" class="icon email">Mail me</a>

- user1694077

---

请问您能否展示带有修复的完整标签？我不太理解。 - krivar

@krivar，好的，我已经加入了完整的语法。你可以在这里找到CSS内容代码：https://gist.github.com/pnull/4510484。如果你有其他问题，请告诉我！ - user1694077