フォントアイコンに余分な高さがあるのはなぜですか？

私は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開発ツールからトレースさのスタイルです。 enter image description here

私はsimliar問題のcodepen.ioで簡単なデモを行いました。 Demo is here

誰も同様の問題が発生していますか？誰かがこれに対する修正を見つけましたか？行の高さと

2013-04-19 Ryan Gill

あなたのコードの残りの部分を参照する必要があります。好ましくはフィドルである。 – albert

アイコンに「高さ」を付けようとしましたか？もしIEが 'width'と' height'を見つけたら、何をすべきか不明です。 – DiederikEEn

@DiederikEEnそれは理にかなっていません。これはicon ** font **です。IEの場合、13px文字の 'inline-block 'をレンダリングすることになっています。 – millimoose

問題：あなたは

line-height: 20px ;

2013-12-15 15:07:13

を書く1

は、マイクロソフトオフィスの絵（または他のエディタ）でイメージを開いて、あなたの写真のサイズを変更し、IEのブラウザは時々彼ら本当のサイズとして写真を示し。

2014-01-04 12:13:47 mirza

私はそれのような問題を抱えていました）））私のsvgファイルフォルダには、間違ったファイルが1つありました。（パラメータX-1220とY-770を持っていた隠れた要素があるので）問題でした！私はこの要素を削除し、すべてうまくいきました。

2015-10-22 13:43:57 Nazariy

答えて