HTML置顶图标消失,html – 为什么我的字体真棒图标消失在页面加载？

任何想法,为什么我的字体可怕的图标最初显示在页面上,然后变成空白方块一旦页面实际加载？这是我的宝石文件：

gem 'rails', '4.0.1'

gem 'bootstrap-sass', '2.3.2.0'

gem 'bcrypt-ruby', '3.1.2'

gem 'faker', '1.1.2'

gem 'will_paginate', '3.0.4'

gem 'bootstrap-will_paginate', '0.0.9'

gem "libv8", ">= 3.11.8"

gem "therubyracer", ">= 0.11.0", :group => :assets, :platform => :ruby, :requir\

e => "v8"

gem 'execjs'

gem 'rails_12factor', group: :production

gem 'font-awesome-rails'

gem 'font-awesome-sass'

我的application.css文件：

*= require_self

*= require_tree .

*= require font-awesome

*/

@import 'twitter/bootstrap';

@import 'font-awesome/font-awesome';

以下是我打电话给图标的方式：