T. Takahashi bootstrapでアイコンフォント(Glyphicons)をCSSのbeforeなどに表示させる方法 2017-06-23T04:54:25Z
0;ゼロからはじめる!

bootstrapでアイコンフォント(Glyphicons)をCSSのbeforeなどに表示させる方法

html中のアイコンフォントを表示させるコード

bootstrapでアイコンフォントがあるが、html中の記述は、<span class="glyphicon glyphicon-map-marker"></span>となる。

アイコンフォントをCSSで記述させるコード

.sample:before {
    font-family: 'Glyphicons Halflings';
    content: "\e062";
}

上記のように記述すれば良い。

補足:FontAwesomeの場合

font-family: 'Glyphicons Halflings';部分をfont-family: FontAwesome;に変更すれば良い。

スポンサーリンク

0 件のコメント :

コメントを投稿