Glyphicon Bootstrap v3 Not loaded

Question

I downloaded the latest Bootstrap v3 file and imported bootstrap.min.css. But I never be able to use the Glyphicon Icons. I'm pretty sure that my CSS is right. Below is my HTML. Why?

<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>

score 5 · Answer 1 · answered Oct 17 '13 at 08:10

5

Make sure the path to fonts is correct. The definition in boostrap.min.css looks like this:

[..] url('../fonts/glyphicons-halflings-regular.eot')

answered Oct 17 '13 at 08:10

subZero

5,056
6
31
51

Where do you get this eot file? and where do I import it in? – Bryan Wong Oct 17 '13 at 08:24
It's in the downloaded file (dist/fonts) – subZero Oct 17 '13 at 08:36
How do I import those downloaded (font) file? – Bryan Wong Oct 17 '13 at 09:22
1

Just place them in the corret folde, bootstrap.min.css will import them for you. If you download from http://getbootstrap.com/ they will be in the archive. – subZero Oct 17 '13 at 09:29
My font folder is already at the same level as CSS. It does not work. How can I change the URL? – Bryan Wong Oct 17 '13 at 09:43

score 0 · Answer 2 · edited May 23 '17 at 11:58

0

Bootstrap usually includes three main folders i.e. CSS, Fonts & JS. Missing or wrong replacement of 'Fonts' folder creates problems in displaying bootstrap glyphicons. See another similar question Bootstrap loading wrong glyphicon

edited May 23 '17 at 11:58

Community

1
1

answered Jun 05 '15 at 13:52

Adil

21,278
7
27
54

Glyphicon Bootstrap v3 Not loaded

2 Answers2

Linked