解决iconfont下载的图标显示的是小方框

嘿嘿，我来了，最近做vue3项目，忽然发现技术就是越学越有成就感，尤其是每次都征服一个难点的时候。最近写项目遇到iconfont粘贴线上的链接却出现的总是小方块的问题。
第一步，我们先从iconfont粘贴一个线上链接。

粘贴到项目中

将图标名称粘贴到需要的位置

结果我显示的图标是

那么怎么解决呢。

然后在我们vue3项目中public中Index.html中引入

然后设置的css样式

.iconfont{
  font-family: 'iconfont' !important;
  font-size: .16rem;
  font-style: normal;
  -webkit-font-smoothing:antialiased
}

这么做之后我们打开

binggo完成，最近在做vue3的项目，会多多写文档来避免踩坑，技术就是这样，只有你踩了足够多的坑，才能更加精进，能力是攒出来的，是别人拿不走的，所以与其抱怨薪资低福利待遇不好，还不如就好好努力呀，你懒得做的事情，总有人比你做的好，比你更加努力，你懒于付出时间精力去磨练技术，总有人替你享受更好的时光待遇和无尽的机遇。
加油，愿我们都成为自己想要成为的人!!!