【发布时间】:2015-12-23 05:46:59
【问题描述】:
我创建了一个带有 FontAwesome 图标的字体图标集和带有 Icomoon app 的免费 icomoon 图标集。应用中的默认基线为 6.25%。
当我比较 icomoon 应用程序中的默认 FontAwesome 图标和 FontAwesome 图标时,它们相差几像素。在下图中,left 上的按钮使用默认 FontAwesome 字体,right 上的按钮使用与 icomoon 应用程序创建的相同字体图标。
可以看到右侧按钮中的图标向上提升了2px左右。
他们的 CSS 几乎相同,使用 FontAwesome CSS 不会改变基线关闭的事实,我不想通过 CSS 进行调整
icomoon
font-family: 'Myicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
字体真棒
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing:
你知道 FontAwesome 使用什么基线吗?
【问题讨论】:
标签: icons font-awesome