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

memo.

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

• html – Using glyphicon as background image in CSS: rails 4 + bootstrap 3 – Stack Overflow
• Font Awesome icon as background image

background image についてはこちら。

• CSS background image hacks – Nicolas Gallagher

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

bootstrap/bootstrap.css などから、対応する font name や content を調べることができる。