美文网首页
火狐浏览器获取不到iconfont

火狐浏览器获取不到iconfont

作者: 抓住时间的尾巴吧 | 来源:发表于2016-12-19 08:39 被阅读138次

    可能的原因是:firefox(28.0)对icon font的目录解析bug导致出现问题。

    我尝试着调整CSS文件的位置以及icon font文件的位置,以期找到问题的真正原因。我做了很多次调整,但是从这些结果中我不能总结出一个满意的规律来。自己也觉得很懊恼。在这里只能给个勉强的解决方法:就是把icon font对应的CSS文件和icon font文件都放在也HTML同级目录或者子目录下,然后正确的引入即可。
    我引入CSS文件的代码:
    <link rel="stylesheet" type="text/css" href="moz/font_madtry.css" />
    我的icon font文件引入代码:

    @font-face{ font-family:'madtry'; src: url('fonts/madtry.eot'); /* IE 9 */ src: url('fonts/madtry.eot#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/madtry.woff') format('woff'), /* Chrome firefox */ url('fonts/madtry.ttf') format('truetype'), /* Chrome firefox opera andriod ios4.2 */ url('fonts/madtry.svg#madtry') format('svg'); /* ios4.1 */ }

    相关文章

      网友评论

          本文标题:火狐浏览器获取不到iconfont

          本文链接:https://www.haomeiwen.com/subject/seiwmttx.html