字体图标,“小企鹅”不显示

字体图标,“小企鹅”不显示

几个字体图标,其他图标都正常显示,唯独“小企鹅”不显示,咋回事?

https://img1.sycdn.imooc.com//climg/6320b801091c8a5308760458.jpg

https://img1.sycdn.imooc.com//climg/6320b776094ee30705640260.jpg

https://img1.sycdn.imooc.com//climg/6320b7a709a6f98503670130.jpg

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

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

1回答
好帮手慕小李 2022-09-14 09:54:50

同学你好,小企鹅不显示的原因可能如下:

1、同学在下载icon的时候分两次进行下载,那么需要将最后一次下载的结果导入到项目中。

2、是否使用两套icon文件,如果是查看一下当前用到的是什么,其中是否带有相关的icon图标。

3、查看是否是替代符写错了。

4、使用审查元素看看小企鹅的标签是否存在。

解决方案:

1、因为最近iconfont网站出现问题,同学可以直接使用项目资料中的源码icon图标。

祝学习愉快!

  • 提问者 慕慕938468 #1

    老师您好,我用的就是资料里的icon文件,然后我复制了两份文件,在不同文件夹下。替代符没问题

    &#xe6a1, 元素检查,小企鹅标签是存在的,就是看不到,是不是图标本身是黑色,所以看不到?

    https://img1.sycdn.imooc.com//climg/6322182009f7661f19871147.jpg


    2022-09-15 02:08:19
  • 好帮手慕小李 回复 提问者 慕慕938468 #2

    同学你好,截图中看上去没有什么问题,老师这边尝试复现同学这里出现的bug,如下:

    https://img1.sycdn.imooc.com//climg/6322944a099fe59e00000000.jpg

    https://img1.sycdn.imooc.com//climg/632293e9092b976303620109.jpg

    那么针对不存在的编码就会出现以上跟同学一样的情况。这是因为iconfont的编码出现不存在或者有误的情况下,就会出现这样的问题。

    另同学在上面提到复制了一份,那么建议在项目中就留有一份iconfont文件,然后同学在看看是否能解决问题,因为这里也可能是因为冲突导致的。

    另可以尝试如下方案:

    1、如实在解决不了,那么直接点老师头像,然后点击关注,最后给老师发一封私信,老师这边安排客服去要同学的代码。

    2、同学这里先放着,后面的模块相比这个iconfont更加重要,同学可以在做完项目作业之后提交项目作业,届时会有老师帮同学查看问题。

    祝学习愉快!

    2022-09-15 11:10:41
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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