Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE8 IFrame Reload Icons Disappear #2717

Closed
sebascomeau opened this issue Jan 9, 2014 · 7 comments
Closed

IE8 IFrame Reload Icons Disappear #2717

sebascomeau opened this issue Jan 9, 2014 · 7 comments

Comments

@sebascomeau
Copy link

I'm using Font-Awesome for my project and it's awesome. But I recently got an issue with iframes. When I trigger an iframe reload in my application, suddenly all icons disappear. It's only happening in IE8.

Can someone help me to fix this?

Check out my screenshots below...

1
2
3

@tagliala
Copy link
Member

tagliala commented Jan 9, 2014

It seems that IE8 has random issues with pseudo elements and/or font-face. I don't know if the source of your problem is the same of #954

Unfortunately we can't provide a proper solution... so it's actually labeled as "wontfix".

If you are using icons in the way specified by docs (<i class="fa fa-icon"></i> or span) you could try to get rid of the :before stuff and apply the icon content directly to the element (e.g: remove all :before from https://github.com/FortAwesome/Font-Awesome/blob/master/less/icons.less and recompile fontawesome). Let me know if it helps

@tagliala
Copy link
Member

tagliala commented Jan 9, 2014

I'm leaving this open, if you can confirm it's the same issue then please close this

@sebascomeau
Copy link
Author

I don't think #954 it's the same problem because if I do a refresh of the window all icons show up again. It's the iframe that reload then the parent window's icons dissapear. How the iframe refresh make the parent window's icons dissapear. The parent window have not been refreshed or reloaded at all.

@tagliala
Copy link
Member

sorry to hear that. I don't know how to help

Let us know if you find something useful

@zhangxhbeta
Copy link

i encounter same issue, when i add link to head:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

it got solved.

ps. windows xp and ie 8

@zhangxhbeta
Copy link

after that, i configure server's font response like this:

HttpServletResponse res = (HttpServletResponse) response;
res.setHeader("Cache-Control", "no-store, no-cache, must-revalidate, post-check=0, pre-check=0");
res.setHeader("Pragma", "no-cache");

Also solved.

hope helpful and sorry for my english.

@tagliala
Copy link
Member

Unfortunately we weren't able to fix this random issues with IE8

I'm going to close here because IE8 is not supported by FA6

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants