仿淘宝提问3
这个问题很严重,为什么同样从网上icons图标库中下载出来的图标,怎么文件跟老师的不一样呢?
而且iconfont.css文件中上面引入的东西完全不一样,导致我项目报错
我下载出来的文件:
老师的文件:
为什么我会多出一个woff2文件来呢?是因为这个官方库我已经下载过其他的项目?
而且在打开inconfont.css文件中,上面的引入也不一样,根本没去动里面的东西
我的:
老师的
我的对比老师的首先base64我的在woff2上,老师的在woff上
其次比老师的多出来一条url('iconfont.woff?t=1576053306179')format('woff')
这到底是为什么,下载出来文件根本没动,很烦,不是路径的问题,文件都不一样
因为找的图标不一样?还是以前创建过其他的项目?还是什么?
正在回答
同学你好,改这5个路径就可以:
视频中老师将iconfont.css文件改成了_icons.scss文件,放在了scss文件中,然后需要根据现在的路径去找与fonts文件夹中字体的关系:
所以前面添加了../fonts,如果同学的文件夹关系和视频中一致,那么也加上这个路径。如果关系不一样,按照自己当前文件与字体之间的关系添加路径就好。
祝学习愉快!
同学你好,问题解答如下:
1、老师测试了一下,下载的内容和你一样,会比视频中多出一个woff2,可能是版本的问题,不过不用担心,使用方式是一样的,项目中可以把woff2保留着。
2、iconfont.css文件中的代码都是内部的,可能会随着版本的改变而改变,我们需要做的就是把路径修改了之后进行使用。1576053306179这段编号不同可能是图标找的不一致,视频中找的图标的class名称是:
可以从保存的图标处查看class名,例如:
老师找的这个图标就和视频中不一致,所以class名字也不一致,同学可以对比一下。或者不按照老师的图标,使用自己下载的,记得class名要和视频中不一致。
3、现在同学跟着视频中将路径修改正确了之后使用就好,不需要担心其他问题。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星