为什么不显示所有图标？

Question

我正在使用当前版本的bootstrap和当前版本的字体aweson。
不幸的是，只显示了一些图标，其他图标则不显示：
  

工作是例如fa-envelope，fa-facebook，...

  

不工作是例如FA-地址簿

以下是html代码的片段：

   <ul>
        <li>
            <i class="fa fa-address-card-o" aria-hidden="true"></i>
        </li>
    </ul>

  

为什么特别是fa-address-book没有显示？

  

我该如何解决问题？

非常感谢！

Answer 1

font-awesome有一个包含 fa 类的css文件。所以只有更新的字体不适用于新图标，你必须更新font-awesome的css文件。

您必须更新css字体，以包含 fa-address-book 等新图标： https://andreas-peter.de/font-awesome/css/font-awesome.min.css

font-awesome当前css文件包含 fa-address-book ：http://fontawesome.io/assets/font-awesome/css/font-awesome.css

Answer 2

你应该像这样使用

<i class="fa fa-address-book" aria-hidden="true"></i>

更多关于http://fontawesome.io/icons/

Answer 3

以下是一些要遵循的步骤：

• 更新<template> <div> {{content}} </div> </template> <script> module.exports = { name: 'google-map-infowindow', props: [ 'content', ], } </script> 文件;旧版本的CSS可能不包含新字体。

• 还要更新字体文件夹中的文件。下载font awesome

• Ctrl + Shift + R 以刷新页面