css - IconMoon 字体导出问题

Question

我用 IconMoon 网站创建了一个小图标字体。当我导入我的网站时，它工作正常，但图标显示倾斜。我该如何解决？

原图标：

显示的图标：

我将此代码添加到来自 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>

标签： cssiconsicon-fontsicomoon

Answer 1

好的，我已经修复了添加到我的 .fac 类的下一个元素：

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