2017-12-06 21 views
1

私はドキュメント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>

も問題になることができるもの、フィドルhereを参照してください?

+2

' fa fa-home'は[font-awesome](http://fontawesome.io/)のように見えますが、CSSとフォントファイルが必要です。私はbulmaがそれを使用するかどうかわからないが、それは私を驚かせないだろう。 – Theraot

+0

@Theraotあなたは正しいです。 Bulma [Getting Started](https://bulma.io/documentation/overview/start/)ページで素晴らしいフォントの紹介を読んでください。 –

+0

ああそうです。フォントをすばらしいものにすると、今すぐ動作します。私はそれを受け入れることができるので、@TPorterへのリンクを追加してもよろしいですか? – Psidom

答えて

4

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

編集Bulma docsパー

あなたはブルマとアイコンを使用したい場合は、恐ろしいフォントを含めることを忘れないでください:

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