自定义字体不复制网站中的字体真棒

【问题标题】：Custom font not replicating font awesome in website自定义字体不复制网站中的字体真棒
【发布时间】：2014-05-07 00:47:12
【问题描述】：

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

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

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

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

【问题讨论】：

【解决方案1】：

主要是您的字形在自定义字体内未正确居中。

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

您还应该从容器 a 标记中删除 btn-ncaa 类，因为它会改变 vertical-align 并且整个按钮相对于它旁边的按钮也放错了位置。..

【讨论】：