一些字体真棒图标不显示 [英] Some font awesome icon not displaying
问题描述
使用图标纸夹或图标组或图标链接时,我可以看到图标截图,图标地图标记被很好地渲染,但看不到任何东西……可能是什么问题?这里有人遇到过同样的问题吗?
I can see icon-screenshot, icon-map-marker being rendered fine but don't see anything when using icon-paper-clip or icon-group or icon-link ... what could possibly be wrong? Anyone here experienced the same issue?
推荐答案
基于官方故障排除指南这些是您应该检查的内容:
Based on the official troubleshooting guide these are the things you should check:
常规
- 您的系统上未安装旧版本的Font Awesome(它可能具有优先权);
- [如果您正在从自己的服务器提供Font Awesome,则您的font-awesome.css文件和/fonts文件夹都是最新的;
- [如果您正在从CDN提供Font Awesome,则您的css链接是最新的;
- 您没有使用插件/扩展程序来加载旧版/修改版的Font Awesome;
- 您正在使用有效的HTML5模板;
- 浏览器的开发控制台显示您正在加载正确的字体文件;
- 您的浏览器扩展程序没有阻止webfonts(noscript,adblockplus等).
特定于IE的
-
Internet Explorer兼容模式可能会导致一些问题.通过添加到头部将其禁用:
Internet Explorer compatibility mode might cause some issues. Disable it by adding to your head:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
如果您使用的是IE8,则必须添加html5.js脚本,例如:
If you are using IE8, it's necessary to add the html5.js script like:
<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
<![endif]-->
FontAwesome与ie7-js不兼容.
FontAwesome is not compatible with ie7-js.
除非将字体设置为可安装嵌入"模式,否则Internet Explorer会生成错误. 更多信息.
Internet Explorer generates an error unless the font is set to Installable Embedding mode. More info.
特定于WordPress的
-
Wordpress会在行尾自动添加
<br>
标记,这将破坏图标堆栈.请把您的html放在一行中或添加到样式表中:
Wordpress automatically adds a
<br>
tag at the end of the line and this will break icon stacks. Please put your html in one line or add to your stylesheet:
.fa-stack br { display: none }
这篇关于一些字体真棒图标不显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!