为什么font-icons有额外的高度？

Question

我正在使用我使用Ico moon创建的一组图标字体。这些图标在Firefox和Chrome中显示效果很好，但图标显示在IE 10中，具有更高的高度。

我不确定高度来自哪里。

在IE 10中，图标看起来有更高的高度。

这是他们在具有正确高度的铬中的样子。

以下是图标的CSS：

font-family: 'IconFont';
speak: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;

以下是来自IE10开发工具的跟踪样式。

我在codepen.io上对simliar问题进行了快速演示。Demo is here

是否有人遇到类似问题？有人找到了解决这个问题的方法吗？

Answer 1

行高问题：1

你写了

line-height: 20px ;

Answer 2

在Microsoft办公室图片（或其他编辑器）中打开您的图像并调整图片大小，IE浏览器有时会显示实际尺寸的图片。

Answer 3

我有这样的问题 - 我修复了它）））在我的svg文件夹中是一个错误的文件。 （隐藏元素有参数X-1220和Y-770）所以这是一个问题！我删除了这个元素，一切都很好。