web-dev-qa-db-ja.com

ブルマアイコンが表示されませんか？

私はドキュメント here に従ってブルマアイコンを使用しようとしていますが、アイコンが表示されません。

<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>

フィドルもご覧ください ここ 、何が問題になるのでしょうか？

htmlcssbulma
11
Psidom

また、bulma.min.cssだけでなく、.mapファイルも含める必要があります。

編集

Bulma docs によると：

Bulmaでアイコンを使用する場合は、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>
18
T Porter