FontAwesome4.x with reveal.js

CSS JavaScript

公式のトラブルシューティングに書いてありましたが無駄にハマったのでメモ。

According to your Font Awesome version, please add to your stylesheets:

/* FA 4.0.0 and newer */
.reveal .fa {
  font-family: 'FontAwesome';
}

/* FA 3.2.1 and older */
.reveal [class^="icon-"],
.reveal [class*=" icon-"]  {
  font-family: 'FontAwesome';
}
https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting#wiki-revealjs

iタグ使うとイタリックになるので、それも補正するのが良さそうです。

.reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}