Почему шрифты имеют дополнительную высоту?

Я использую набор значков Fonts, которые я создал с помощью 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;

И вот Traced Styles из инструментов IE10 Dev.

Я сделал быструю демонстрацию на codepen.io проблемы simliar. Демо здесь

Есть ли у кого-нибудь подобные проблемы? Кто-нибудь нашел исправление для этого?

Ответы

line-height: 20px ;