css - Bootstrap glyphicon shows up but IE11 throws CSS3111 error -
bootstrap glyphicon shows fine ie11 console reports css3111: @font-face encountered unknown error
these files:
- glyphicons-halflings-regular.eot
- glyphicons-halflings-regular.woff
- glyphicons-halflings-regular.ttf
this bootstrap override in stylesheet (only url paths changed):
@font-face { font-family: 'glyphicons halflings'; src: url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot'); src: url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }
side note: if add !important
after first src
url, icon doesn't show up.
@font-face { font-family: 'glyphicons halflings'; src: url('../../vendor/bootstrap/fonts/glyphicons-halflings-regular.eot') !important; ...}
using bootstrap 3.3.4, ie11
how rid of errors?
this may related group policy setting called untrusted font blocking. read more here: ie 11: error css3111 in own code, , google.com/fonts doesn't render fonts
Comments
Post a Comment