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

enter image description here

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

Popular posts from this blog

c++ - Difference between pre and post decrement in recursive function argument -

php - Nothing but 'run(); ' when browsing to my local project, how do I fix this? -

php - How can I echo out this array? -