Question

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

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

enter image description here

HTML <i>看起来居中，但:before推送实际图标。

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

Answer 1

主要是你的字形在自定义字体中没有正确居中。

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

您还应该从容器btn-ncaa标记中删除a类，因为它会更改vertical-align，并且整个按钮与其旁边的按钮相关也是错误的。