BootStrap 字体图标在IE浏览器中不能正常显示

  • 原创
  • |
  • 浏览：2033
  • |
  • 更新：
  • BootStrap 字体图标在IE浏览器中不能正常显示1
  • BootStrap 字体图标在IE浏览器中不能正常显示2
  • BootStrap 字体图标在IE浏览器中不能正常显示3
  • BootStrap 字体图标在IE浏览器中不能正常显示4
  • BootStrap 字体图标在IE浏览器中不能正常显示5
分步阅读

在项目中经常会用到Bootstrap 字体图标，在这些图标在谷歌浏览器中能正常显示，但是在IE浏览器下就不能正常显示。依次说明解决方案。

首先看看谷歌浏览器（正常）和IE浏览器（不见了）下的效果：

BootStrap 字体图标在IE浏览器中不能正常显示
BootStrap 字体图标在IE浏览器中不能正常显示

方法/步骤

  1. 1

    到bootstrap官网：

    http://getbootstrap.com/

    下载

    BootStrap 字体图标在IE浏览器中不能正常显示
  2. 2

    下载完成后，解压，进入到**/**/fonts/目录下

    BootStrap 字体图标在IE浏览器中不能正常显示
  3. 2
    相关内容未经授权抓取自百度经验
  4. 3

    把/fonts/目录下的文件拷贝到项目中，保证目录结构跟bootstrap.min.css里面引入的结构一致

    BootStrap 字体图标在IE浏览器中不能正常显示
  5. 4

    刷新IE页面，就可以看到字体图标就可以正常显示了

    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部