【问题标题】:What is the baseline font height of FontAwesome font?FontAwesome 字体的基线字体高度是多少?
【发布时间】: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


    【解决方案1】:

    FontAwesome 使用大约 14%(em 高度)的基线高度。你可以通过查看 FontAwesome 提供的 SVG 字体的代码自己找到。

    【讨论】:

    • icomoon 先生把它钉牢了。谢谢。你认为我会遇到 14% 和其他图标字体的问题,或者它们都会与 FA 处于同一基线?
    • thnx 关于 svg 信息,但你能准确地知道在哪里看吗? raw.githubusercontent.com/FortAwesome/Font-Awesome/master/fonts/…我以前从来没有打扰过,所以将来能找到它会很棒。
    • 一种字体只能有一个基线。所以是的,它们都将具有相同的基线。当您在 IcoMoon 应用程序中更改基线时,实时字体预览(在字体选项卡中)会更新,以便您可以看到它们如何与具有相同字体大小的某些文本对齐。
    • 在 SVG 字体中,查找“descent”并将其除以“units-per-em”。乘以 100 得到百分比。
    • 精确值为14.28571428571429% (100% * 256 / 1792)。此外,Font Awesome 的 4 字体已移至此处:raw.githubusercontent.com/FortAwesome/Font-Awesome/fa-4/fonts/…
    猜你喜欢
    • 2014-08-11
    • 1970-01-01
    • 2012-05-02
    • 2011-07-13
    • 2014-05-22
    • 2014-10-20
    • 2018-07-12
    • 2018-02-26
    • 1970-01-01
    相关资源
    最近更新 更多