cssiconsicon-fontsicomoon

IcoMoon Font Export Issue


I create a small icon font with IconMoon site. When I import to my website it works fine, but the icon show skew. How I can fix that?

The original icon:

enter image description here

The showed icon:

enter image description here

I add this code to all.min.css from Font Awesome:

@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"
}

And my code on html:

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

Solution

  • Ok, I already fixed adding to my .fac class next elements:

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