Bootstrap 3 Glyphicons are not working

twitter-bootstrap-3 glyphicons
scooterlord picture scooterlord · Aug 22, 2013 · Viewed 695.2k times · Source

I downloaded bootstrap 3.0 and can't get the glyphicons to work. I get some kind of "E003" error. Any ideas why this is happening? I tried both locally and online and I still get the same problem.

Answer

Jeff picture Jeff · Aug 27, 2013

I was having the same issue and couldn't find any information about it except in the hidden comments on this page. My font files were loading just fine according to Chrome, but the icons weren't displaying properly. I'm making this an answer so it will hopefully help others.

Something was wrong with the font files that I downloaded from Bootstrap 3's customizer tool. To get the correct fonts, go to the Bootstrap homepage and download the full .zip file. Extract the four font files from there to your fonts directory and everything should work.

Related questions

Bigger Glyphicons

How do I make bigger Glyphicons in twitter bootstrap 3.0 (not 2.3.x). This code will make my glyphicons big: <button type="button" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-th-list"> </span> </button> How …

Read More
Bootstrap 3 unable to display glyphicon properly

I am migrating from bootstrap 2.3 to bootstrap 3 and everything works well. But when I tried to add some icons, the icon font doesn't displayed properly. I tried to look over here http://bootply.com/61521 and only '.glyphicon-envelope' was being …

Read More
Using a Glyphicon as an LI bullet point (Bootstrap 3)

How can I change the bullet points in an HTML list and use the glyphicons that come with Bootstrap 3? So that: <ul> <li>...</li> <li>...</li> </ul> Displays …

Read More