twitter-bootstrap – 某些字体很棒的图标无法显示

我可以看到icon-screenshot,icon-map-marker被渲染得很好但是在使用图标纸夹或图标组或图标链接时看不到任何东西……可能是什么错误？这里有人经历过同样的问题吗？

解决方法

基于 official troubleshooting guide,这些是你应该检查的东西：

一般

>您的系统上没有安装旧版本的Font Awesome(它可能具有优先级);
> [如果您从自己的服务器提供Font Awesome]您的font-awesome.css文件和/ fonts文件夹都是最新的;
> [如果您从CDN服务Font Awesome]您的CSS链接是最新的;
>您没有使用加载旧版/修改版Font Awesome的插件/扩展;
>您使用的是有效的HTML5模板;
>您的浏览器的开发控制台显示您正在加载正确的字体文件;
>您的浏览器扩展程序不会阻止webfonts(noscript,adblockplus等).

IE具体

> Internet Explorer兼容模式可能会导致一些问题.通过添加到您的头部禁用它：

< Meta http-equiv =“X-UA-Compatible”content =“IE = edge”>
>如果您使用的是IE8,则必须添加html5.js脚本,如：

<！ - [if lt IE 9]>
 < script src =“http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js”>< / script>
 百分比抑制率ENDIF] – GT！;
> FontAwesome与ie7-js不兼容.
>除非将字体设置为“可安装嵌入”模式,否则Internet Explorer会生成错误. More info.

wordpress具体

> wordpress会自动添加< br>标记在行的末尾,这将打破图标堆栈.请将您的html放在一行或添加到您的样式表：

.fa-stack br {display：none}