2017-03-27 11 views
1

私は理由はわかりませんが、ブートストラップ(3.3.7)のグリフコンがないので、通常の醜い正方形で置き換えられています。ブートストラップのグリフコンがありません

 <button type="button" class="btn btn-default"> 
      <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star 
     </button> 

そして、ここではそれがglyphiconのフォントが含まれているブートストラップ一部です:

@font-face { 
    font-family: 'Glyphicons Halflings'; 

    src: url('../fonts/glyphicons-halflings-regular.eot'); 
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); 
} 
+0

グリフコンまたはブートストラップファイルにリンクするコードの部分を表示できますか? –

+0

@BlueBoyありがとう、しかし、すでに私の問題を解決!しかし、私はグリフコンのフォントの一部をブートストラップから残しました –

答えて

3

あなたはそれを更新する必要があり、使用のCDNのリンク、これを追加ここでは不足しているglyphiconを呼び出すコードの例です。あなたのコードに

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> 
+0

それは私のために働いた!どうもありがとうございます! –

+0

私はここで初心者で、upvoteすることができませんが、私はすでにそれを正しくマークしました! –

+0

Vlw、sou brasileirotambém、boa sorte! –

0

あなたは、ダウンロードした後、あなたのプロジェクトにフォントを配置する必要があり、このリンクhttp://getbootstrap.com.br/getting-started/#downloadでブートストラップをダウンロードする必要があります。新しいバージョンでは、ブートストラップパッケージにフォントはありませんが、古いバージョンでダウンロードできます。

関連する問題