[rails] font-awesomeのフォントが、production環境でうまく表示されません

環境

CentOS7.4
Rails5.1
Nginx
Unicorn

Adminlteという、bootstlapやFontawesomeを含有したライブラリを使っています。
fontのパスは以下のようになっています。

$ ls vendor/assets/bower_components/font-awesome/fonts
FontAwesome.otf           fontawesome-webfont.svg   fontawesome-webfont.woff
fontawesome-webfont.eot   fontawesome-webfont.ttf   fontawesome-webfont.woff2

またコンパイルのパスは

$ bundle exec rails c -e production
irb(main):001:0> puts Rails.application.config.assets.paths
/home/coin/Coinarb/app/assets/config
/home/coin/Coinarb/app/assets/images
/home/coin/Coinarb/app/assets/javascripts
/home/coin/Coinarb/app/assets/stylesheets
/home/coin/Coinarb/vendor/assets/bower_components
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/gems/font-awesome-rails-4.7.0.2/app/assets/fonts
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/gems/font-awesome-rails-4.7.0.2/app/assets/stylesheets
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/bundler/gems/refile-46b4178654e6/app/assets/javascripts
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/gems/coffee-rails-4.2.2/lib/assets/javascripts
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/gems/actioncable-5.1.3/lib/assets/compiled
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/gems/actionview-5.1.3/lib/assets/compiled
/home/coin/Coinarb/vendor/bundle/ruby/2.4.0/gems/turbolinks-source-5.0.3/lib/assets/javascripts
/home/coin/Coinarb/vendor/assets/bower_components
/home/coin/Coinarb/node_modules

挙動

実際には□のように表示されてしまいます。
他のスタイリングやレイアウトなどは全く問題なく、フォントだけがうまくいっていない状態です。

試したこと

rails asset pathの編集

Rails.application.config.assets.precompile += %w( *.svg *.eot *.woff *.woff2 *.ttf )
Rails.application.config.assets.paths << Rails.root.join("vendor", "assets", "bower_components", "font-awesome", "fonts")

non-stupid-digest-assets というgem

vi config/initializers/non_digest_assets.rb内に、

NonStupidDigestAssets.whitelist += [/font-awesome/fonts/.*/]

と記載するパターンと、

NonStupidDigestAssets.whitelist += [/fonts/.*/]

と記載するパターンそれぞれ、プリコンパイル、unicorn再起動しましたが、解決しませんでした。

質問

railsのアセットに加えなけれならないパスがございますでしょうか。
non-stupid-digest-assetsの設定ファイル内のパスは間違っておりませんでしょうか。
その他解決方法ご存知でしたら教えてください。

よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

いちばん手抜きな解決策としては、Font Awesomeをアセットに入れずに、CDNから召喚してしまう方法があります。手抜きとはいえ、実用性の面でも問題はないです。

html
1<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
2  rel="stylesheet"
3  integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
4  crossorigin="anonymous"
5  data-turbolinks-track='reload'
6>