Glyphicons appear as empty squares

Question

I am in a near identical situation to this poster: Glyphicons rendering as empty box

I have locally hosted glyph-icons and bootstrap, but my file structure is correct, and my network shows I am receiving 200 OK for the glyphicons. It works if I use an external library, such as http://www.bootstrapcdn.com/. But I would prefer to use my local glyphicons, any ideas?

Are your locally hosted glyph icons on the same domain? If they are on a separate domain, even locally, you will run into cross domain issues. — CodeLikeBeaker, Mar 27 '15 at 20:35

score 0 · Answer 1 · answered Mar 27 '15 at 21:09

0

More likely than not, either the file is corrupt (least likely), the (local) file path is incorrect (except you're getting a 200 which means it should be), or you may need to change the HTML charset to unicode. Try:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

answered Mar 27 '15 at 21:09

Joe Johnson

1,814
16
20

1

Double-check your class names as well. – Joe Johnson Mar 27 '15 at 21:10

score 0 · Answer 2 · answered Dec 31 '16 at 09:30

0

Any spelling mistake in "glyphicons" also causes the icons to be square

answered Dec 31 '16 at 09:30

amipro

378
3
14

Glyphicons appear as empty squares

2 Answers2