[Bootstrap 3] Bootstrap や Font Awesome の icon font を css background image として扱う

公開日: 2016/01/28
更新日: 2021/02/09

memo.

[markdown]
こちらを見たら icon font を background image として扱えることが分かった。

> * [html – Using glyphicon as background image in CSS: rails 4 + bootstrap 3 – Stack Overflow](http://stackoverflow.com/questions/22261048/using-glyphicon-as-background-image-in-css-rails-4-bootstrap-3)
> * [Font Awesome icon as background image](http://codepen.io/astrotim/details/IjJzL)

background image についてはこちら。

> * [CSS background image hacks – Nicolas Gallagher](http://nicolasgallagher.com/css-background-image-hacks/)

See the Pen Iconic font as background image by DriftwoodJP (@DriftwoodJP) on CodePen.

[bootstrap/bootstrap.css](https://github.com/twbs/bootstrap/blob/867e2bef8d9c9b901022899227b306a532f5baf3/dist/css/bootstrap.css) などから、対応する font name や content を調べることができる。
[/markdown]