一些字体真棒图标不显示

本文介绍了一些字体真棒图标不显示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

使用图标纸夹或图标组或图标链接时，我可以看到图标截图，图标地图标记被很好地渲染，但看不到任何东西……可能是什么问题?这里有人遇到过同样的问题吗?

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="cdnjs.cloudflare/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script> <![endif]-->

<!--[if lt IE 9]> <script src="cdnjs.cloudflare/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 }