FontAwesome字体的基线字体高度是多少?

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字体代码来找到它.

  • 在SVG字体中,查找"下降"并将其除以"unit-per-em".乘以100得到百分比. (4认同)