bootstrap ブログカスタマイズ

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;に変更すれば良い。

関連記事

スポンサーリンク

スポンサーリンク