css字体图标不显示的原因（分享多端小程序icon图标不兼容不显示问题）

：暂无数据 2026-10-08 16:20:01 ：0

大家好，css字体图标不显示的原因相信很多的网友都不是很明白，包括分享多端小程序icon图标不兼容不显示问题也是一样，不过没有关系，接下来就来为大家分享关于css字体图标不显示的原因和分享多端小程序icon图标不兼容不显示问题的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

分享多端小程序icon图标不兼容不显示问题
从网上下载的html模板改好后传服务器不显示字体图标，本地预览是没问题的
vant 字体图标不显示问题
用html写邮箱时字体图标不显示怎么解决办法
网站引用FontAwesome字体图标的时候是框框乱码

分享多端小程序icon图标不兼容不显示问题

css中使用@font-face字体文件路径问题

***隐藏网址***

***隐藏网址***

百度小程序：不支持相对路径，支持线上与base64

解决方法：

1.使用阿里图标线上地址均能正常显示

***隐藏网址***

从网上下载的html模板改好后传服务器不显示字体图标，本地预览是没问题的

字体文件的路径有问题，应该是相对路径，你看下现在的路径是啥，然后去服务器找到CSS和需要加载的字体文件相对路径如何设置，调整一下就可以了。

vant 字体图标不显示问题

如果是全部vant依赖的情况下，页面上字体图标不显示或者显示为□

在main.js中

import ’vant/lib/icon/local.css’;//引用字体css

这样就可以正常加载了

HTM和HTML的文件图标不能正常显示，显示为无关联应用程序的白板图标，搞了很久都没能解决，最后综合了几种方法才“搞定”她！
出现这种情况的原因可能是安装了某些软件（比如OFFICE、FIREFOX）后，被擅自修改了关联图标的原因造成的。
解决方法：
1、打开注册表：运行—》输入regedit—》打开HKEY_CLASSES_ROOT—》
2、找到.htm和.html—》双击右边的“默认”，确认其数值数据为 htmlfile
3、找到 htmlfile\ShellEx\IconHandler—》双击右边的“默认”，确认其数值数据为 {42042206-2D85-11D3-8CFF-005004838597}
4、找到 CLSID\{42042206-2D85-11D3-8CFF-005004838597}\Old Icon\htmlfile\DefaultIcon —》双击右边的“默认”，确认其数值数据为 C:\Program Files\internet explorer\IEXPLORE.EXE,1 （注：C 改为你的系统所在的盘符）
5、修改完这些后，刷新文件夹，看看图标是否正常，如果还没正常的话，就先把.htm或.html的文件扩展名改为.exe，然后在改回.htm或.html
通过这五个步骤，基本上能解决问题了。
-------------------------------------------------------------------------------------------------
第二种解决方案
开始——设置——控制面板——文件夹选项
在“文件类型”选项卡中的“已注册的文件类型”中找到rar文件，选中，然后单击“高级”，在弹出的文件类型对话框中单击“更改图标”然后输入要显示的图标的路径，如“C:\Program Files\WinRAR\WinRAR.exe”，或者点“浏览”指定一个图标文件。
HTML文件的操作同上，只是图标路径可能要改为：“C:\Program Files\Internet Explorer\IEXPLORE.EXE”