@font-face failed OpenType embedding permission check. Permission must be Installable

Problem: Internet explorer 11 is not showing Adobe font, Firefox and Chrome is working fine.

Error found in internet explorer console:

@font-face failed OpenType embedding permission check. Permission must be Installable, file: font_name.otf

Solution:

After some googling, found that, the embeddable permissions of fonts are set to “printable”(fstype=0004) instead of “installable”(fstype=0000). This causes a bug when the font is served to Internet Explorer 9+. I have tried several workarounds and below is which worked for me:

  1. Changed font type from ‘otf’ to ‘eot’ and ‘ttf’ (I have used https://www.fontsquirrel.com/tools/webfont-generator tool)
  2. at css file, used below css

@font-face {
font-family: ‘Adam-cg-pro’;
src:url(‘ADAM.CG PRO.otf’) format(‘opentype’);
src: url(‘adam.cg_pro-webfont.eot?#iefix’) format(’embedded-opentype’),
url(‘adam.cg_pro-webfont.ttf’) format(‘truetype’);
-webkit-font-smoothing: [ auto ];
}

I have kept all the format(‘otf’,’eot’,’ttf’) to ensure this works on every browser!

thats ALL!!

Cheers!

*useful URL:

http://stackoverflow.com/questions/5587956/make-adobe-fonts-work-with-css3-font-face-in-ie9

Leave a Reply

Your email address will not be published. Required fields are marked *