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

news/2025/3/16 6:06:48/

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


http://www.ppmy.cn/news/808094.html

相关文章

word文档小方格怎么弄_如何在WORD文档中的小方格里打对勾,独家教程在这里,WORD中的小方框...

原标题:如何在WORD文档中的小方格里打对勾,独家教程在这里,WORD中的小方框 我们在做一些服务项目的协议或者代理委托时,通常会有一些项目需要我们在前面的小方框里打对勾,打印出来的纸质版只需要拿笔勾选一下就可以了&…

wordcloud生成词云图全是小方框

wordcloud生成词云图全是小方框 fig plt.figure(figsize(20,10)) #创建词云对象 wordcloud WordCloud(background_colorwhite,scale2,collocationsFalse,random_state30) #生成词云 wordcloud.generate(describe_document) plt.imshow(wordcloud)用此命令生成词云图全是小方…

如何解决word中latex公式出现虚线小方框问题

问题如下图所示: 解决方法: 选中该方框,键入一个空格。 问题解决。

使用Markdown进行计划安排(打钩)

使用Markdown进行计划安排(打钩) 前言 在刚刚结束的实习中获得了一个经验——每天的计划最好都要明确地列出来,这样才不会遗漏事情,并且能够提高效率。 因此,在这里主要介绍一个Markdown计划安排的小技巧&#xff0…

Python-matplotlib画图时中文显示为小方框的解决方法

Mac版本: 参考:https://www.cnblogs.com/Ootori/p/7716687.html 其中加代码时要多一行:import matplotlib as mpl Windows版本: 参考:https://blog.csdn.net/q1148013214/article/details/81172446

vue项目打包之后,element的图标显示小方框

前端项目在本地运行起来,一切显示正常,可是打包之后,部署到环境后,element的图标显示小方框。如图所示 解决办法1: 在build文件中找到utils.js 加上一行 publicPath:../../ 一般情况下,这种方…

【消除Python文字识别时的空格小方框】

问题 使用tesseract进行图像内文字识别时出现多余小方框 小方框是其实是多余的空格 解决 google搜索:python trim whitespace使用:s s.strip() 方法即可消除

python根据文本大小打印合适的方框

print()txt input("请输入你要显示的文本:") screen_width100txt_width len(txt) 6box_width 3left_margin (screen_width - txt_width ) //2 print()print( * left_margin - * (txt_width) )print( * left_margin | * (txt_width) |)prin…