読者です 読者をやめる 読者になる 読者になる

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

Rails gem Nginx

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>

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

f:id:kzy52:20130729000142p:plain

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

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

# /etc/nginx/nginx.conf

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