スタイルシートだけでFont Awesomeのアイコンを表示する

通常アイコンWebフォント「Font Awesome」は、HTMLソース中にアイコン表示用のコードを追加する必要がありますが、スタイルシートの疑似要素:beforeを使用して特定のタグ、クラスに対してアイコンを表示することが出来ます。

詳しくは

• http://tech.jastin.net/how-to-display-font-awesome-only-css/
• https://saruwakakun.com/html-css/basic/font-awesome#section4