0

我用 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>
4

1 回答 1

0

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

speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
于 2020-11-13T14:46:54.687 回答