1

I'm totally stumped on this problem (the app in question uses Bootstrap and Backbone):

  • when you first load the app after logging in the glyphicons and other icon fonts show up on the page fine.

  • on subsequent page loads they don't show up at all. But you can log out and log back in and they show up again.

  • it only happens in Internet Explorer. Chrome/FF/Safari are fine.

  • it doesn't happen if you go to a part of the app that doesn't require authentication

The same part of the app with (top) and without icons (bottom):

with icons without icons

Unfortunately to see the problem it requires authentication so here is that info (you will be redirected to the app):

https://voicethread.com/login/

username: ietest@voicethread.net

pass: orange4

Evan Hobbs
  • 3,552
  • 5
  • 30
  • 42
  • 1
    Debug tools show that the font resource `https://d25wzyo6b5ic8t.cloudfront.net/rev/12dfaed/myvoice/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix` is delivered as `Content-Type: text/plain` – that should be `application/vnd.ms-fontobject` however. Try fixing that first of all, and see if it makes the issue go away. – CBroe Jul 06 '15 at 19:47

1 Answers1

2

This appears to be fixed, as of /rev/353fe835. While not sending the proper MIME type was indeed a problem, it didn't appear to be the problem.

Instead, the issue appeared to be the no-cache headers. When not allowing cache, IE was not displaying those glyph icons in certain cases. Related posts: 1, 2, and 3.

Community
  • 1
  • 1
bishop
  • 37,830
  • 11
  • 104
  • 139