Clever Geek Handbook

Bootstrap icons not showing with disabled font in IE

My client has IE8 or IE11 with a lot of security config. They have the font loading option disabled, which makes the boot icons not appear. Is there a way to make them appear?

+3


source to share


1 answer


Bootstrap icons are imported via CSS like this:

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
    url(../fonts/glyphicons-halflings-regular.woff) format('woff'),
    url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),
    url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}


Instead, you can use URI Generator to convert files to data string value.

This will allow you to use font icons without the need to import files

0


source






More articles:


All Articles