css - IcoMoon フォントのエクスポートの問題

Question

IconMoonサイトで小さなアイコンフォントを作成しています。Web サイトにインポートすると正常に動作しますが、アイコンが歪んで表示されます。どうすれば修正できますか？

元のアイコン:

表示されたアイコン:

このコードを Font Awesome の all.min.css に追加します。

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: normal;
    src: url(../webfonts/icomoon.eot);
    src: url(../webfonts/icomoon.eot?#iefix) format("embedded-opentype"), url(../webfonts/icomoon.woff) format("woff"), url(../webfonts/icomoon.ttf) format("truetype"), url(../webfonts/icomoon.svg#fontawesome) format("svg")
}

.fac {
    font-family: "Font Awesome 5 Pro"
}

そしてhtml上の私のコード:

<i class="fac fa-cc-bizum fa-8x" alt="" title=""></i>

Answer 1

OK、私はすでに .fac クラスの次の要素に追加することを修正しました:

speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;