本文介绍了如何从gitee麦子商城下载iconfont资源，并详细阐述了引入过程。首先，将字体文件和iconfont.css放入指定目录，并修改css引入路径。接着，在main.js全局引入iconfont。然后，通过复制图形的十六进制串在header.vue中使用图标。最后，通过调整样式，如更改图标大小、位置等，实现了header组件的美化。
一、在gitee麦子商城下载得到如下：
引入以上文件：进入src目录下的asstes目录下的styles目录下创建一个文件iconfont，将以上文件中的字体文件放入（iconfont.css放的位置与iconfont是平级），修改iconfont.css中的引入路径
至此，iconfont就可以被引入了，那如何引入呢：
在main.js中(因为各个页面都需要引入iconfont，所以不如将iconfont的引用放在main.js中)
引入成功，即可在页面上使用，如何使用：
在header.vue中要使用，需要复制官网上图形的十六进制的串
最低0.47元/天 解锁文章
152
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
