css - Why does removing woff2 in @font-face solve IE11 problems -
i had troubles @font-face these days. font not displaying in ie11, in others.
turned out removing "woff2" font solved problems , font displayed normally.
my question is: why solution? going on in ie11s mind, removing simple "woff2" tag answer? mean, read .htaccess files , other things not easy find out...
does ie11 try load woff2 first?
ie 11 use woff instead of woff2. if want maximum compatibility use this:
@font-face { font-family: 'mywebfont'; src: url('webfont.eot'); /* ie9 compat modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* ie6-ie8 */ url('webfont.woff2') format('woff2'), /* super modern browsers */ url('webfont.woff') format('woff'), /* pretty modern browsers */ url('webfont.ttf') format('truetype'), /* safari, android, ios */ url('webfont.svg#svgfontname') format('svg'); /* legacy ios */ }
for reference: https://css-tricks.com/snippets/css/using-font-face/
Comments
Post a Comment