关于图标字体问题

关于图标字体问题

https://img1.sycdn.imooc.com//climg/61b193a90992540013630906.jpg

https://img1.sycdn.imooc.com//climg/61b193b40901da3411680928.jpg

https://img1.sycdn.imooc.com//climg/61b193c10957701e11590797.jpg

https://img1.sycdn.imooc.com//climg/61b193e60989427109310731.jpg

图一:下载到桌面的字体图标文件,打开的demo.css

图二:下载到桌面的字体图标文件,打开的iconfont.css

图三:老师课程的阿里巴巴图标库的更新在线代码

图四:我自己的阿里巴巴图标库更新的在线代码

字体文件怎么差了这么多?我跟着步骤做的,把项目字体下载到桌面,打开的demo或者iconfont等的css文件里边的代码行数都比老师的少。然后一样的引用,就不得了,好像缺字体文件了。

我就没用在线的字体了

下面是我自己做本地引入了

相关截图:

https://img1.sycdn.imooc.com//climg/61b194d009d7255111800611.jpg

相关截图:效果图

https://img1.sycdn.imooc.com//climg/61b195370956823806030539.jpg


正在回答

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

1回答

同学你好,解答如下:

1、demo.css是配合demo_index.html文件的,我们不使用

https://img1.sycdn.imooc.com//climg/61b19aa309a80b6502920219.jpg

能用的就是iconfont.css以及字体文件。

2、可能是版本的差异,导致现在字体文件变少了,但是按照官网流程使用即可,效果没问题。

祝学习愉快~

  • 按照课程的流程做,得不出字体哦(做2次了都得不到字体),以上的字体是我本地引入的

    2021-12-09 18:15:43
  • 老师说的是按照官网的流程

    https://img1.sycdn.imooc.com//climg/61b1d9920924cc9608330118.jpg

    并不是课程的流程(课程中并不完整,并且使用的是第二种在线的方式),也就是‘下载项目’

    https://img1.sycdn.imooc.com//climg/61b1d9670995402309510170.jpg

    项目中添加iconfont.css以及字体文件使用。

    2021-12-09 18:26:06
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星

相似问题

登录后可查看更多问答,登录/注册

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

在线咨询

领取优惠

免费试听

领取大纲

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