Bulma 图标未显示？

Question

我正在尝试按照文档 here 使用 bulma 图标，但图标没有显示：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css">
 
 <div>
  <span class="icon">
    <i class="fa fa-home"></i>
  </span>
  <span>ICON</span>
 </div>

又看到了fiddle here，可能是什么问题？

Answer 1

您还需要包含 bulma.min.css 文件，而不仅仅是 .map。

编辑

根据 Bulma docs:

If you want to use icons with Bulma, don't forget to include Font Awesome:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

2019 年 3 月 19 日更新

正如@Akshay 在下面指出的那样，文档已经更改，现在包含 Font Awesome 的正确方法是

<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

Answer 2

Bulma 图标不会显示，除非您调用 fontawesome 库，我们可以为此使用套件代码。这看起来像代码 <head>...</head> 部分中的 <script src="https://kit.fontawesome.com/xxxxxxxx.js"></script>。

注意：您可以从网站上获得免费使用fontawesome图标的代码“xxxxxxxx”。 https://fontawesome.com/start

Bulma 图标未显示？

Bulma icon not showing up?

html

css

bulma