老师,HbuliderX无法显示字体,需要在外部引用工具。这种怎么处理?​

老师,HbuliderX无法显示字体,需要在外部引用工具。这种怎么处理?​

@font-face {font-family: 'iconfont';
    src: url('../img/font/iconfont.eot');
    src: url('../img/font/iconfont.eot') format('embedded-opentype'),
    url('../img/font/iconfont.woff') format('woff'),
    url('../img/font/iconfont.ttf') format('truetype'),
    url('../img/font/iconfont.svg#iconfont') format('svg');
}

http://img1.sycdn.imooc.com//climg/5d7636680001fef703770626.jpghttp://img1.sycdn.imooc.com//climg/5d76369700013c7208430121.jpg

这种怎么处理?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2019-09-10 19:08:54

同学你好,在编辑器打开就是这样的哦,是不支持哦。不过这个跟在页面显示是没有关系的。

http://img1.sycdn.imooc.com//climg/5d77830000014cb303250429.jpg

在页面没有显示的话,可能是引入的不对,或者是浏览器不解析。可以将源码下载下来,看下运行源码是否显示。若是源码显示了,可能就是引入的问题了哦。

可以参考源码修改下。若还是无法解决的话,可以将完整的代码粘贴过来,便于准确的定位与解决完问题。

祝学习愉快!

好帮手慕糖 2019-09-10 10:02:29

同学你好,是指在编辑器中无法显示吗?那么运行到页面呢?

可以查看下引入的文件是否存在,路径是否正确。若是页面也没有显示的话,是跟编辑器没有关系的哦。

祝学习愉快!

  • 提问者 慕盖茨6251851 #1
    ttf eot woff这三种格式打不开,只有svg可以打开,运行到页面没有显示
    2019-09-10 18:51:12
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师