当使用@ font-face与使用IcoMoon创建的自定义图标字体时，在PC上与Chrome上的Chrome上的不同垂直对齐方式

Question

在Chrome for PC上，似乎自定义字体始终定位到基线（这可能是正确的，但它与其他浏览器一致）

这是JS小提琴：

http://jsfiddle.net/hLVZU/12/

虽然解决了（正如你从小提琴中看到的）......将详细解答

Answer 1

这似乎与最高的角色有关。为了解决这个问题，我创建了一个跨越IcoMoon提供的网格底部的角色（我不太了解字体，但是如果你想用一个字符来创建一个字符我不太清楚它是如何工作的实际加入）

Answer 2

我注意到@ font-face规则中的SVG字体ID不正确。请使用正确的字体ID查看此jsfiddle：http://jsfiddle.net/hLVZU/13/

无论如何，我都试图找出造成不同格式之间差异的原因。

Answer 3

我现在已经更新了应用程序，当您只选择小字形时，生成的字体不应再出现此问题。