ie8下 @font-face遇到了未知错误字体不适用于IE8 兼容性问题修复

最新推荐文章于 2020-12-14 17:33:46 发布

Alan_ZhQ

最新推荐文章于 2020-12-14 17:33:46 发布

阅读量3.7k

点赞数

分类专栏： BootStrap Css

本文链接：https://blog.csdn.net/qq_31302091/article/details/88970566

版权

BootStrap 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

Css

5 篇文章 0 订阅

订阅专栏

bootstrap3.3.7css字体样式，在ie8浏览器下，一些字体图标glyphicon丢失，控制台报错：@font-face遇到了未知错误 xxxx.eot字体

ie是可以识别eot字体的，但是要添加验证

解决：把下面的对应需要加入的字体代码放入页面中

@font-face {
    font-family：“xxxx.eot”; 
    src：url（'../fonts / xxxx.eot'）; 
    src：url（'../fonts / xxxx.eot？#iefix'）format（'embedded-opentype'），
    url（'../fonts / xxxx.woff'）format（'woff'），
    url（'../fonts / xxxx.ttf'）格式（'truetype'）; 
    font-weight：normal; 
    font-style：normal; 
}

这里xxxx就是丢失的字体名称

注意：此处的url路径要写的正确，在idea里，路径正确是可以通过点击url打开字体文件的