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
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:
- Changed font type from ‘otf’ to ‘eot’ and ‘ttf’ (I have used https://www.fontsquirrel.com/tools/webfont-generator tool)
- at css file, used below css
src:url(‘ADAM.CG PRO.otf’) format(‘opentype’);
src: url(‘adam.cg_pro-webfont.eot?#iefix’) format(’embedded-opentype’),
-webkit-font-smoothing: [ auto ];
I have kept all the format(‘otf’,’eot’,’ttf’) to ensure this works on every browser!