我创建了一个自定义矢量字体,并尝试在一些字体 awesome 不适合的地方使用它。然而,字体图标不像字体图标那样显示属性。 CSS 似乎是准确的,但我不知道是什么导致了这个问题。下面你会看到自定义图标被圈起来,而其他的字体很棒。该图标不会像字体很棒的图标那样居中。
您可以在此页面上找到此标记:Vegas Finals
HTML <i>
看起来居中,但是 :before
将实际图标向上推。
<i class="icon-ncaa icon-ebt-ncaa"></i>
最佳答案
主要是您的字形在自定义字体中没有正确居中。
您需要编辑.woff 文件(和其他类型,如果它们表现出同样的问题)
您还应该从容器 a
标签中删除 btn-ncaa
类,因为它会改变 vertical-align
并且整个按钮是相对于它旁边的位置也放错了位置..
关于html - 自定义字体不复制网站上很棒的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22697887/