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

Я использую набор значков, которые я создал с помощью Ico moon. Значки выглядят и отлично работают в Firefox и Chrome, но значки появляются в IE 10 с дополнительной высотой.Почему шрифты имеют дополнительную высоту?

Я не уверен, откуда исходит высота.

Здесь, в IE 10, значки имеют гораздо большую высоту. IE icons with extra height

Вот как они выглядят в хроме с правильной высотой. enter image description here

Вот CSS для иконок:

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

А вот трассируемые Стили инструментов IE10 Dev. enter image description here

Я сделал быструю демонстрацию на codepen.io проблемы simliar. Demo is here

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

источник

2013-04-19 Ryan Gill

необходимо посмотреть остальную часть вашего кода. предпочтительно в скрипке. – albert

Вы пытались дать значкам 'высота'? Если IE doenst найдет 'width' и' height', он не знает, что делать. – DiederikEEn

@DiederikEEn Это не имеет смысла. Это значок ** font **, поскольку IE относится к тому, что он должен отображать «встроенный блок» с 13-кратными буквами в нем. – millimoose

Проблема с линией высоты: 1

вы пишете

line-height: 20px ;

источник

2013-12-15 15:07:13

открыть изображение в Microsoft Office Picture (или другой редактор) и Изменение размера картины, IE браузер иногда показывает фотографии, как их реальный размер ,

источник

2014-01-04 12:13:47 mirza

У меня была такая проблема, и я исправил ее))) В моей папке svg files был один неправильный файл. (С скрытым элементом, который имел параметры X-1220 и Y-770), так что это была проблема! Я удалил этот элемент, и все было в порядке.

источник

2015-10-22 13:43:57 Nazariy

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

ответ

Смежные вопросы