html - 自定义字体不复制网站上很棒的字体

标签 html css twitter-bootstrap font-awesome

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

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

enter image description here

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/

相关文章:

html - 可滚动的导航菜单

javascript - 输入类型 "time"没有小时,mm :ss format

javascript - 如何在考勤管理系统的数据库中保存当前、缺勤的学生名单?

html - 用作提交按钮的图像

css - 输入密码和 :after pseudoelement text

html - 使列表项成为链接

html - z-index 与 <object> : is there any reason why this doesnt work on majors browser?(Firefox 除外)

html - 当列扩展到新行时,Bootstrap 行/容器被截断

css - Bootstrap 导航中的动画 CSS 渐变

javascript - ember.js 中的模态错误