Menu
I have been using Bootstrap and Font Awesome for a while now with no problems. It seems that when I changed over to Bootstrap 3 the Font Awesome icons are no longer showing up in IE10 and Firefox. But it works fine in Chrome and Safari.
I have the same icons in a project I did in RC1/RC2 and that still works fine. Anyone know what happened?
230
Setting up Font Awesome can be as simple as adding two lines of code to your website, or you can be a pro and customize the LESS yourself! Font Awesome even plays nicely with Bootstrap!
Bootstrap 4 does not have its own icon library (Glyphicons from Bootstrap 3 are not supported in BS4). However, there are many free icon libraries to choose from, such as Font Awesome and Google Material Design Icons.
fa fa-file-archive-o. Try it. fa fa-file-audio-o. Try it. fa fa-file-code-o.
See also: Updating Bootstrap to version 3 - what do I have to do? in RC1 the Glyphicons had been removed. Glyphicons are back since RC2 (180 glyphs in font format from the Glyphicon Halflings set).
Maybe this cause your troubles. Try to remove the Glyphicons from the bootstrap CSS. Remove the line @import "glyphicons.less"; from your bootstrap.less and rebuild Bootstrap.
Also check Glyphicon and font-awesome need different font formats for different browsers (.eot,.woff,.ttf,.svg). If one is broken or missing it will not work on some browsers.
93
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
