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

我创建了一个自定义的矢量字体，并试图在一些地方，字体真棒不适合使用它。然而，字体图标不会显示像真棒字体那样的属性。 CSS似乎是确切的，但我不知道是什么原因造成的问题。下面你会看到自定义图标圈出来，而其他的字体很棒。该图标不会像字体真棒图标那样居中。自定义字体不复制字体真棒在网站

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

enter image description here

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

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

2014-03-27 Mike Flynn

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

你需要（如果他们表现出了同样的问题和其他类型）

编辑.woff文件你也应该从容器a标签取下btn-ncaa类，因为它改变了vertical-align并且整个按钮也与其旁边的那个不一致。

2014-03-27 20:16:53

我注意到了垂直对齐，但即使是这样，它也没有将其取消居中。当我为此创建矢量文件以导入http://fontastic.me时，我删除了字体周围的任何空白。你是说我需要一个完美的广场？ –

你是正确的在图标月亮打开编辑和顶部被切断，这可能是为什么它显示了几个像素！ –

回答