4

我可以看到 icon-screenshot、icon-map-marker 渲染得很好，但是在使用 icon-paper-clip 或 icon-group 或 icon-link 时什么都看不到......可能有什么问题？这里有人遇到过同样的问题吗？

4

2 回答 2

3

根据官方故障排除指南，您应该检查以下内容：

一般的

  • 您的系统上没有安装旧版本的 Font Awesome（它可能具有优先权）；
  • [如果您从自己的服务器提供 Font Awesome] 您的 font-awesome.css 文件和您的 /fonts 文件夹都是最新的；
  • [如果您从 CDN 提供 Font Awesome] 您的 css 链接是最新的；
  • 您没有使用插件/扩展加载旧版/修改版的 Font Awesome；
  • 您正在使用有效的 HTML5 模板；
  • 您的浏览器的开发控制台显示您正在加载正确的字体文件；
  • 您的浏览器扩展没有阻止网络字体（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]-->

  • FontAwesome 与 ie7-js 不兼容。

  • 除非字体设置为可安装嵌入模式，否则 Internet Explorer 会生成错误。更多信息。

WordPress 特定

  • Wordpress 会自动<br>在行尾添加一个标签，这会破坏图标堆栈。请将您的 html 放在一行中或添加到您的样式表中：

    .fa-stack br { display: none }

于 2015-03-18T23:19:08.363 回答
2

当您升级 fontawesome 版本时，请确保您替换 css 文件以及字体。如果您将字体文件夹放在不同的位置，您还需要更新 css 文件中的路径。

于 2013-10-22T05:28:10.940 回答