5 of 7
added 68 characters in body
void
  • 1
  • 4

@font-face icon not showing in IE 11, all other browsers supports

My @font-face is not working in IE 11,in all other browsers anythings shows fine. There is a console error in IE: "@font-face failed opentype embedding permission check. permission must be installable"

I have search some solutions online, but nothing worked for me. I have sean that this is a common issue in IE, but asking if someone knows something

Here is all the code with base64 image:

css:

.homeicon{
display: inline-block;
float: left;
font-family: icomoonhome;
margin-top: 3px;
}

@font-face {
    font-family: "icomoonhome";
    src: url(data:font/truetype;base64,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) format('truetype');

    font-weight: 400;
    font-style: normal;
}

html:

<span class="homeicon"></span>
void
  • 1
  • 4