字体/ IE8 :编码问题
因此，我在IE8上有一个非常奇怪的问题：
我正在使用方阵，我得到一些编码问题，但不是每个图标，我在HTML中。
JSFiddle
在JSFiddle上一切都好..。但在我的网站上，它没有显示第一个图标(红色星号与黑色背景)。
当我进入浏览器的菜单:查看>编码>UTF-8(这是已经设置了)，那么就可以了!！(这多奇怪.)
我在html文件中设置了编码样式：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
我找不到它是虫子还是我做错了什么。
有什么想法吗？
编辑
在这个答案之后，我在编写代码时添加了以下内容：
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta charset="utf-8" />我以前有过这样的经历：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />我也试过<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
当我第一次加载页面(在栏中键入我的url )时，每个图标都显示正确。但是当我重新加载(CTRL+R或任何刷新方法)时，第一个图标将被一个空矩形替换.
回答 4
Stack Overflow用户
发布于 2014-07-28 12:21:46
(我发现)解决这个问题的唯一方法是：
在domready上硬刷新图标：
$(function () {
// only on IE :
// Solve font-awesome loading troubles in IE8 & less :
// Solve also performance issues by removing animations
if (document.getElementsByTagName("html")[0].className.indexOf("ie") !== -1) {
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style');
style.type = 'text/css';
style.styleSheet.cssText = ':before,:after{content:none !important;}';
head.appendChild(style);
setTimeout(function () {
head.removeChild(style);
}, 0);
}
});在HTML中这样做：
<html lang="en" <!--[if IE]>class="ie"<![endif]-->>我希望这能帮上忙。
Stack Overflow用户
发布于 2014-04-22 15:10:56
尝试像这样设置字符集：<meta charset="utf-8" />
Stack Overflow用户
发布于 2014-04-22 15:15:28
我认为这是因为您没有在CSS中定义font-family。就是这样，返回到浏览器的默认字体，其中字符不存在。
这也可能是IE8的一个问题。不同的浏览器需要不同的文件类型来嵌入。确保您正在使用样式表中包含在字体太棒了中的所有文件类型。
希望这能有所帮助！
https://stackoverflow.com/questions/23223374
复制相似问题
腾讯云开发者
