【问题标题】:IcoMoon Font Export IssueIconMoon 字体导出问题
【发布时间】:2021-02-25 13:10:53
【问题描述】:

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

【问题讨论】:

  • 请向我们展示您的代码minimal reproducible example
  • 并且已经添加了类 .fa-cc-bizum:before { content: "\e900" } 是 icomoon 十六进制位置编号。

标签: css icons icon-fonts icomoon


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2016-10-11
    • 2015-04-02
    • 2012-02-10
    • 1970-01-01
    • 1970-01-01
    • 2013-09-21
    • 2014-07-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多