Ben*_*enn 6 icons font-awesome
我创建了一个字体图标设置与FontAwesome图标和免费icomoon图标设置与Icomoon应用程序.应用中的默认基线为6.25%.
当我比较来自icomoon应用程序的默认FontAwesome图标和FontAwesome图标时,它们只有几个px.在下图中,左侧的按钮使用默认的FontAwesome字体,右侧的按钮使用与icomoon app创建的相同字体图标.
您可以看到右侧按钮中的图标上升了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;
Run Code Online (Sandbox Code Playgroud)
FontAwesome
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing:
Run Code Online (Sandbox Code Playgroud)
你知道FontAwesome使用什么基线吗?
Key*_*oon 12
FontAwesome使用的基线高度约为14%(em高度).您可以通过查看FontAwesome提供的SVG字体代码来找到它.
| 归档时间: |
|
| 查看次数: |
2290 次 |
| 最近记录: |