自定义字体不复制字体真棒在网站 [英] Custom font not replicating font awesome in website

问题描述

我创建了一个自定义的矢量字体，并试图使用它在某些地方，字体真棒不适合。但是字体图标不显示属性像字体真棒做。 CSS似乎是确切的，但我不能告诉什么是导致的问题。下面你会看到自定义图标圈出，而其他是字体真棒。

I created a custom vector font and trying to use it in some places that font awesome doesnt fit. However the font icons dont display property like the font awesome ones do. The CSS seems to be exact but I cant tell what is causing the issue. Below you will see the custom icon circled, while the others are font awesome. The icon just wont center like the font awesome icons.

您可以在此页面上找到此标记：拉斯维加斯决赛

You can find this markup on this page: Vegas Finals

HTML < i> ：之前将实际图标向上推。

The HTML <i> looks centered, but the :before pushes the actual icon up.

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

推荐答案

主要的是你的字形没有居中。

The main thing is that your glyphs are not centered correctly inside the custom font.

您需要编辑 .woff 文件他们展示同样的问题）

您也应该从容器中删除 btn-ncaa a 标记，因为它改变了 vertical-align ，并且整个按钮也放错了it ..

You also should remove the btn-ncaa class from the container a tag as it alters the vertical-align and the whole button is misplaced as well in relation to the ones next to it..

这篇关于自定义字体不复制字体真棒在网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！