Font Awesome 4.2.0 在打开兼容模式后无法在 IE11 中呈现 "On"
Font Awesome 4.2.0 not rendering in IE11 with Compatibility Mode turned "On"
Font Awesome 4.2.0 在 Chrome、Firefox、Safari、Opera 和 Internet Explorer 11 中完美呈现(但仅在兼容模式已打开的情况下 "Off")。兼容模式打开后 "On" 没有字形呈现。我尝试使用我在其他项目中使用过的可靠的 Font Awesome 4.2.0 CDN,使用 Font Awesome CSS,并在 <head>
中添加 <meta http-equiv="X-UA-Compatible" content="IE=edge">
] 根据 GitHub post 的建议,允许字形在兼容模式下呈现 "On"。这些解决方案中的 None 有效,并且打开兼容模式 "Off" 不是该项目的选项。所以,总而言之,我的问题是这样的。我怎样才能在 Internet Explorer 11 中呈现 Font Awesome 4.2.0 并打开兼容模式"On"?
找到解决方案。 <meta http-equiv="X-UA-Compatible" content="IE=edge">
需要作为 FIRST 标记放置在 <head>
中才能正常工作。希望这对遇到此问题的其他人有所帮助!
我也遇到了同样的问题。就我而言,以下修复有效:
Firefox(在较小程度上,Chrome 和 IE)存在无法下载字体的问题,因此无法正确显示任何图标。
已在多个位置确定了一个非常简单的修复程序,cdnjs/cdnjs#755 就是其中之一。
修复方法是将以下内容添加到 font-awesome.css 文件的开头(在 @font-family 调用之前):
Header 设置 Access-Control-Allow-Origin "*"
我在我的开发机器上使用 IE 11 时遇到了这个问题(但在其他地方没有)。我的 Internet 选项设置为不允许字体下载。可能不会常见,因为我在 Windows 服务器上,但如果是这样,请尝试修复它:
[齿轮] >> Internet 选项 >> 安全 >> 自定义级别 >> 下载 >> 字体下载 >> 启用
在我的例子中,它是在元素上设置的 display: table
。删除它解决了一个问题。
考虑从文件末尾删除版本标签。这些标签导致 IE 无法正常工作。
改变这个...
../fonts/fontawesome-webfont.eot?v=4.3.0'
对此...
../fonts/fontawesome-webfont.eot'
我遇到了同样的问题,我只是在标签中添加了以下 Link,它起作用了。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
希望对您有所帮助!
Font Awesome 4.2.0 在 Chrome、Firefox、Safari、Opera 和 Internet Explorer 11 中完美呈现(但仅在兼容模式已打开的情况下 "Off")。兼容模式打开后 "On" 没有字形呈现。我尝试使用我在其他项目中使用过的可靠的 Font Awesome 4.2.0 CDN,使用 Font Awesome CSS,并在 <head>
中添加 <meta http-equiv="X-UA-Compatible" content="IE=edge">
] 根据 GitHub post 的建议,允许字形在兼容模式下呈现 "On"。这些解决方案中的 None 有效,并且打开兼容模式 "Off" 不是该项目的选项。所以,总而言之,我的问题是这样的。我怎样才能在 Internet Explorer 11 中呈现 Font Awesome 4.2.0 并打开兼容模式"On"?
找到解决方案。 <meta http-equiv="X-UA-Compatible" content="IE=edge">
需要作为 FIRST 标记放置在 <head>
中才能正常工作。希望这对遇到此问题的其他人有所帮助!
我也遇到了同样的问题。就我而言,以下修复有效:
Firefox(在较小程度上,Chrome 和 IE)存在无法下载字体的问题,因此无法正确显示任何图标。
已在多个位置确定了一个非常简单的修复程序,cdnjs/cdnjs#755 就是其中之一。
修复方法是将以下内容添加到 font-awesome.css 文件的开头(在 @font-family 调用之前):
Header 设置 Access-Control-Allow-Origin "*"
我在我的开发机器上使用 IE 11 时遇到了这个问题(但在其他地方没有)。我的 Internet 选项设置为不允许字体下载。可能不会常见,因为我在 Windows 服务器上,但如果是这样,请尝试修复它:
[齿轮] >> Internet 选项 >> 安全 >> 自定义级别 >> 下载 >> 字体下载 >> 启用
在我的例子中,它是在元素上设置的 display: table
。删除它解决了一个问题。
考虑从文件末尾删除版本标签。这些标签导致 IE 无法正常工作。
改变这个...
../fonts/fontawesome-webfont.eot?v=4.3.0'
对此...
../fonts/fontawesome-webfont.eot'
我遇到了同样的问题,我只是在标签中添加了以下 Link,它起作用了。
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
希望对您有所帮助!