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';

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

<section id="our-services" class="pad-top-50">
                     <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4">
                            <div class="service">
                                <span class="service-icon">
                                <i class="fa fa-android"></i>
                                </span>

解决方法

Chrome中现在有一个关于Web字体渲染的开放错误.见 here,herehere.
原文链接:https://www.f2er.com/html/229401.html

猜你在找的HTML相关文章