{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Rolldiameter 的问题《Font Awesome 4.2.0 not rendering in IE11 with Comp》','https://www.manongdao.com/q-345839.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
Font Awesome 4.2.0 renders perfectly in Chrome, Firefox, Safari, Opera, and Internet Explorer 11 (but only with Compatibility Mode turned "Off"). With Compatibility Mode turned "On" no glyphicons render. I've tried using a tried-and-true Font Awesome 4.2.0 CDN that I've used in other projects, using the Font Awesome CSS, and adding the <meta http-equiv="X-UA-Compatible" content="IE=edge"> in the <head> as suggested from a GitHub post to allow the glyphs to render with Compatibility Mode turned "On". None of those solutions work and having Compatibility Mode turned "Off" is not an option for this project. So, in conclusion, my question is this. How can I have Font Awesome 4.2.0 render in Internet Explorer 11 with Compatibility Mode turned "On"?
相关问题
- Views base64 encoded blob in HTML with PHP
- How to fix IE ClearType + jQuery opacity problem i
- Is there a way to play audio on a mobile browser w
- HTML form is not sending $_POST values
- implementing html5 drag and drop photos with knock
I faced the same Issue and I just added the following Link in the Tag and it worked.
Hope this helps!
Look into removing the version tags from the end of the files. Those tags cause IE to have fits.
change this...
to this...
I had this issue with IE 11 on my development machine (but not elsewhere). My Internet Options were set to not allow Font downloads. Probably won't be common, as I'm on Windows Server, but if so try this to fix it:
[Gear] >> Internet Options >> Security >> Custom Level >> Downloads >> Font Download >> Enable
I have also faced same issue. In my case, below fix works :
Firefox (and, to a lesser extent, Chrome and IE) has an issue where it fails to download the font and so doesn't display any of the icons correctly.
A very easy fix has been identified in a number of locations, cdnjs/cdnjs#755 being one of them.
The fix is to add the following to the start of the font-awesome.css file (before the @font-family call):
Header set Access-Control-Allow-Origin "*"
Source : https://github.com/thingles/foreground/issues/222
Found the solution.
<meta http-equiv="X-UA-Compatible" content="IE=edge">needs to be placed as the FIRST tag in the<head>in order for it to work. Hope this helps anyone else who has this issue!In my case it was a
display: tableset on the element. Removing it resolved an issue.