【Rails】本番環境(WebサーバーはNginx)で font-awesome のアイコンが表示されない

Font Awesome を使うとWebページ上に簡単にアイコンを表示させることができる。

# Gemfile

gem 'font-awesome-rails'

$ bundle install

# app/assets/application.css

/*
 *= require font-awesome
 */

ビューで

<h1><i class="icon-camera-retro"></i>&nbsp;Camera</h1>

とかやるとアイコンが表示される。

しかしタイトルにあるように本番環境(WebサーバーはNginx)で動かした時にアイコンが表示されない。

Nginx の設定を変えたら解決した。

# /etc/nginx/nginx.conf

location ~* \.(eot|otf|ttf|woff)$ {
  add_header  Access-Control-Allow-Origin *;
}