T.Takahashi T.Takahashi bootstrapでアイコンフォント（Glyphicons）をCSSのbeforeなどに表示させる方法 2017-05-31T15:01:00+09:00 2017-06-23T04:54:25Z

０；ゼロからはじめる！ https://3.bp.blogspot.com/-d75Sbz0NQlo/UArxmhH4RVI/AAAAAAAAAAU/4aNsvIpUCIA/s100/%25E8%25B6%25B3%25E8%25B7%25A1.jpg

2017/05/31 【最終更新日：2017/06/23】 bootstrap ブログカスタマイズ

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

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

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

1

2

3

4

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

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

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