bootstrapでglyphiconをスタイルシートで使用する方法

スポンサーリンク

Bootstrapで使用できるアイコンフォントのglyphiconを、CSSファイル内でbefore/afterといった疑似要素で使用したかったのですが、なかなかうまく表示されなかったので備忘録としてメモ。

glyphiconのfontfamily指定名は「Glyphicons Halflings」

わからなかったのは、glyphiconのfontfamily名でした。「 font-family:'Glyphicons Halflings';」と指定してあげれば、表示されるようになります。

.glyphicon:before{
    font-family:'Glyphicons Halflings';
  content: "\e092";
  color: #009999;
  font-size: 26px;
}

Unicodeは、glyphiconのサイトで確認できます。「Halflings」タブを選択して、使いたいアイコンをクリックすると、CSSで使用するユニコードも、投稿内で使用するCSSクラスも表示されます。

スポンサーリンク

逆引き辞典 

この記事と一緒によく読まれています!