为了账号安全,请及时绑定邮箱和手机立即绑定

代码跟老师一样,为什么啥也不显示?火狐,IE,谷歌都不显示

@font-face{
    font-family:"imooc-icon";
    src:url("../fonts/icomoon.eot");/*IE9兼容模式*/
    src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
        url("../fonts/icomoon.woff") format("woff"),
        url("../fonts/icomoon.ttf") format("truetype"),
        url("../fonts/icomoon.svg") format("svg");
    font-weight:normal;
    font-style:normal;
}
.imooc-icon{
    font-family:"imooc-icon";
    font-weight:normal;
    font-style:normal;
    font-size:64px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

<body>
<div class="i">
    <span class="imooc-icon">&#xe006;</span>
</div>
</body>

为什么啥也不显示?

正在回答

2 回答

你的url路径和他的url路径完全一样吗,还有你的html文件要和fonts文件夹在同一个目录里。

0 回复 有任何疑惑可以回复我~

反复检查,一切都正常,今天又打开了下,突然又能显示并且都兼容,不知道是怎么回事,还是很感谢您!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
用字体在网页中画ICON图标
  • 参与学习       40526    人
  • 解答问题       127    个

Font+HTML/CSS将会做到,小巧的体积、更快的加载速度

进入课程

代码跟老师一样,为什么啥也不显示?火狐,IE,谷歌都不显示

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信