FontAwesome字体的基准字体高度是多少？

Question

我使用FontAwesome图标和免费的icomoon图标集创建了一个字体图标集，链接到Icomoon应用程序。该应用程序中的默认基线为6.25％。

当我比较默认的FontAwesome图标和来自icomoon应用程序的FontAwesome图标时，它们的位置有些偏移。在下面的图片中，左侧的按钮使用默认的FontAwesome字体，右侧的按钮使用使用icomoon应用程序创建的相同的字体图标。

你可以看到右侧按钮中的图标向上偏移了大约2个像素。

他们的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在使用什么基线吗？

- Benn

Answer 1

FontAwesome使用大约14％的基线高度（相对于em高度）。您可以通过查看FontAwesome提供的SVG字体代码自行了解。

- Keyamoon

---

干得好，icomoon先生。谢谢。您认为我在使用14%和其他图标字体时会遇到问题吗？或者它们都会与FA落在同一基线上？ - Benn

谢谢关于SVG信息的提供，但您能具体指出在哪里查看吗？ https://raw.githubusercontent.com/FortAwesome/Font-Awesome/master/fonts/fontawesome-webfont.svg 我以前从未关注过这个问题，所以找到这个对于未来会非常有帮助。 - Benn

一个字体只能有一个基线。所以，是的，它们都将具有相同的基线。当您在IcoMoon应用程序中更改基线时，实时字体预览（在字体选项卡中）会更新，以便您可以看到它们如何与具有相同字体大小的某些文本对齐。 - Keyamoon

在SVG字体中，查找“下降高度”并将其除以“单位每EM”。乘以100即可得到百分比。 - Keyamoon

精确值为 14.28571428571429%（100％* 256/1792）。此外，Font Awesome的4字体已移至此处：https://raw.githubusercontent.com/FortAwesome/Font-Awesome/fa-4/fonts/fontawesome-webfont.svg - Rudey