关于iconfont 图标无法显示

最新推荐文章于 2025-05-22 10:33:08 发布

原创最新推荐文章于 2025-05-22 10:33:08 发布 · 1.2w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iconfont #图标 #不能显示 #难受

简单的专栏收录该内容

7 篇文章

订阅专栏

博主昨日复制代码正常，今日粘贴却丢失了连字符，导致代码错误。经过排查发现，从阿里复制的代码在粘贴时会自动省略某些字符，如“-”，这可能是复制粘贴过程中的一个潜在问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

昨天还好好的，今天写的时候就出不来了，也不报错，怀疑是阿里有问题。

过程不叙述了，简单说一下原因：

     <i class="iconfont icon-yiwancheng"></i>   // 昨天
     <i class="iconfont iconyiwancheng"></i>    // 今天

就少了一个 -，可是让我好找。

问题是昨天点复制代码，直接粘贴没事，今天一粘贴就少了 ‘-’

难受
在这里插入图片描述

这里可以修改iocn前缀，我朋友说修改后会出现两个 - -

所以我觉得阿里有问题。

花Q

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不开飞机的舒克

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

QQ小程序模拟器上一切正常能显示，但是打包发布后iconfont图标全消失不显示的解决办法

代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。

05-16

141

模拟器图标正常发布后图标全部消失控制台没有报错那别犹豫，很可能就是 QQ 小程序不识别这种写法，必须写成才行！

关于 iconfont 在pc上面部分浏览器中显示问题

伟大的路人的博客

02-06

1万+

icon font 字体图标库的问题作为前端自定义字体图标库相信大部分人已经使用过了，列举下面一些个问题自定义图标的时候尺寸控制导出的图标在其他浏览器上面的尺寸不同尺寸在倒入的时候自行控制，这个就不必多说了，耐心操作主要说快速处理导出的时候在其他浏览器上面的问题先说明一下当前的问题场景，入下图所示 chrome浏览器与主流的高级浏览器基本都是支持的，不存

参与评论您还未登录，请先登录后发表或查看评论

引入iconfont无法显示的问题

qq_37918241的博客

09-29

4354

引入iconfont的时候顺序至关重要，老夫刚开始没有在意顺序，排查了半天，引入的icon就是显示不出，头发掉了一大把

项目中引入多个iconfont图标库导致图标冲突显示错误

小陈想长高-

12-06

2297

项目中引入多个iconfont图标库导致图标冲突显示错误

阿里矢量图标Iconfont详细使用教程

热门推荐

weixin_42617604的博客

10-07

3万+

问题: 添加阿里巴巴矢量图标（iconfont）后页面内能看到但是显示不出来：解决办法: 后面发现地址栏是file://文件打开：这样是不行的，要使用 iconfont 要在本地的服务器打开才能看到用git bush进入index.html的文件夹，然后输入 http-server 打开服务器：再地址栏输入：127.0.0.1:8080 就能看到了 ...

iconfont无法显示的问题

Dior_dhp的博客

12-19

2308

html字体图标学习当时学iconfont的时候，找了学习视频，用的icomoon.io的网站字体图标后面下载下来后，解压出来，在把里面的fonts文件夹放在我们学习开发的同级目录里，写完字体声明那些，设置好font-family后，还是无法显示起先以为是路径问题，但是检查了，没有毛病，搜了好多东西跟我碰到的都不是一个内容。如何解决？不太清楚里面的原因，但是可以把解压的整个素材文件移出这个同级目录，单独复制fonts文件夹，粘贴过来只留下fonts文件夹，就可以显示出来了，这个小问题就解决了，挺怪

小程序iconfont图标问题和页面加载问题

庹小智的博客

07-23

1107

1.接手一个旧项目时，客户反映，在点击朋友转发的商品详情连接时，进去后出现一片空白经过查阅代码后，发现是详情页接口请求参数时必须携带用户token，否则不能返回这个参数大家都知道，用户登陆后每回请求接口都上带上这个参数，而这个接口就要求用户必须登陆后才能请求，所以经过考虑，我加了一个判断：检查用户有没有登陆，没有登陆就登陆后再请求接口，登陆了就直接请求接口：但是之前封装的doLogin方法，获取用户授权后，直接wx.navigateBack();返回后没有携带最新的token..

IconFont图标提取器htm2svg-1.0.8.6.zip

10-22

IconFont图标提取器是一款实用工具，专为处理和管理 IconFont 图标库而设计。它主要功能是将基于HTML的IconFont图标转换为SVG格式，SVG（Scalable Vector Graphics）是一种可缩放矢量图形格式，具有清晰度高、大小可...

IconfontTool.7z 阿里巴巴iconfont 字体库，显示图标及相应的unicode 编码。 .NET 5平台

10-27

Iconfont是中国阿里巴巴集团推出的一款在线矢量图标管理与服务工具，它允许开发者和设计师们方便地使用SVG图标，提升Web应用的用户体验。阿里巴巴Iconfont工具不仅提供了大量的图标库供选择，还支持自定义上传和管理...

使用iconfont图标

11-16

标题“使用iconfont图标”和描述中提到的方法，是将图标设计成字体形式，这样可以有效地降低资源占用，同时提供更灵活的大小调整和颜色变换。 `iconfont`是一种将矢量图形转化为字体文件的技术，它允许开发者通过...

iconfont图标不显示的解决方式

m0_57342122的博客

04-18

2983

iconfont图标不显示的解决方式

解决iconfont图标symbol引用方式，图标不显示及不能变色的问题

fangcaojushi的博客

06-28

3854

解决iconfont图标无法改色图标改色的关键是改color,还是改fill

iconfont新添加图标不显示问题

kaQin0的博客

08-29

437

如果图标文件和css文件都是最新的可以试试ctrl +F5强刷。

WPF、C# iconfont图标字体只显示框框的问题

qq_51175166的博客

12-07

548

一开始我把Fonts文件夹名写成fonts，路径也是fonts，然后设计器能加载，但运行后就是红框框，后面改成大写后，如图，设计器和运行后能正常显示了。

解决iconfont图标显示不出来问题

qq_51940369的博客

03-27

542

刚才在使用iconfont踩了个坑 , 立刻写篇文章记录一下:我用的是class类名去显示图标 , 发现没有效果解决方法 : 查看项目的iconfont.css文件 , 图标的类名要和注册font-family前面的类名保持一致 , 再加上图标本身的类名就可以正常显示了

iconfont图标无法显示的问题

JFIA的博客

03-26

7865

iconfont图标无法显示的问题刚开始用icon font图标库不是很熟悉，踩了一些坑，希望分享出来能给新手们带来一些帮助从官网上下载图标至本地后，放到项目里面要注意一下两点： 1、路径问题找到iconfont.css这个文件并打开它，你会看到它里面的路径是这样的报错了，原因是我在项目里面存放路径是这样的只需要将路径改成你项目结构中的路径即可，修改后： ...

uniapp使用iconfonts图标不显示以及颜色问题

Mitin_的博客

08-16

9408

1，首先到iconfont官网中找到我的项目，然后点击查看在线连接，点击打开css文件，复制其中的src路径，粘贴到项目的对应的css文件下，然后加上https即可。在uniapp中使用阿里的iconfont图标遇到了图标无法显示出来的问题，复制完之后粘贴到本地的对应的iconfont.css文件中。颜色的话也可以在iconfont.css文件中设置，如下。在iconfont.css文件中，修改为以下这样的路径。以及图标显示了但是为一个小正方形的问题，同时包括图标颜色不显示的问题。...

iconfont图标symbol形式显示不出来

02-13

当遇到 iconfont 图标以 symbol 形式无法正常显示的情况时，可以尝试以下几个方面来排查并解决问题。 #### 1. 检查网络请求路径确保 `iconfont.js` 文件能够被正确加载。如果该文件未能成功下载或存在跨域问题，则...