2016-07-19 6 views
0

ライブラリ全体をロードせずにブートストラップアイコンを読み込むことはできますか?ブートストラップフォントをCSSに貼り付けようとしましたが、これはまだ達成できません。ライブラリを使用しないグリフコン

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

 
    src: url('/fonts/ChaparralPro-Regular.woff'); 
 
    src: url('/fonts/fontawesome-webfont.woff2?v=4.6.3'); 
 
    src: url('/font/glyphicons-halflings-regular.ttf'); 
 
    src: url('/fonts/glyphicons-halflings-regular.woff'); 
 
    src: url('/font/glyphicons-halflings-regular.woff2'); 
 
    src: url('/fonts/kievitot-book-webfont.woff'); 
 
src: url('fonts/Segoe_ui-webfont.woff'); 
 
} 
 

 
.glyphicon-thumbs-up:before { 
 
    content: "\e125"; 
 
} 
 
.glyphicon { 
 
    position: relative; 
 
    top: 1px; 
 
    display: inline-block; 
 
    font-family: 'Glyphicons Halflings'; 
 
    font-style: normal; 
 
    font-weight: normal; 
 
    line-height: 1; 
 

 
    -webkit-font-smoothing: antialiased; 
 
    -moz-osx-font-smoothing: grayscale; 
 
}
<i class="glyph-icon icon-chevron-down"></i>

+0

http://glyphicons.com/からglyphiconハーフリングを無料でダウンロードできます。ウェブフォント全体を読み込むのではなく、必要に応じてpngを取り出してください。 –

+0

これまで私は使っていました:[fontastic.me ](http://fontastic.me/)を使用して、複数のグリフコンを1つのシートに結合して使用することができます。 – RIanGillis

答えて

0

あなたがアイコンの多くを検索することができますし、それがautoの複数の拡張子で、スタイルシートやフォントファイルを生成しflaticon.comを使用してみてください。したがって、プロジェクトに簡単にインポートできます。

関連する問題