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

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -