Html 自定义字体未在网站中复制字体

我创建了一个自定义矢量字体，并尝试在一些字体不适合的地方使用它。但是，字体图标不会像字体图标那样显示属性。CSS看起来很精确，但我不知道是什么导致了这个问题。下面你会看到自定义图标被圈起来，而其他的都是很棒的字体。图标不会像字体图标那样居中

您可以在此页面上找到此标记：

HTML

看起来居中，但

:before

将实际图标向上推

<i class="icon-ncaa icon-ebt-ncaa"></i>

---

主要问题是，您的字形在自定义字体中没有正确居中

您需要编辑.woff文件（以及其他类型的文件，如果它们出现相同的问题）

---

您还应该从容器

a

标记中删除

btn ncaa

类，因为它改变了

垂直对齐

，整个按钮相对于它旁边的按钮也放错了位置。

我注意到了垂直对齐，但即使删除了，它也没有居中。当我创建要导入的矢量文件时，我删除了字体周围的所有空白。你是说我需要一个完美的正方形吗？你在图标月亮中打开进行编辑，顶部被切掉，这可能就是为什么它显示了几个像素！