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>