阿里巴巴图库下载的在线图标显示为方框的问题

解决灵感来自博主

https://blog.csdn.net/MarhongBaLa/article/details/89165714?locationNum=10&fps=1

问题描述：
在阿里巴巴下载的图标在项目中展示为空白方框，像这种

过程：
1、添加图标到项目中，然后下载

2、解压之后的目录（我把iconfont改成icon了）

3、把icon.css放到项目中，，同时把iconfont.ttf放到static静态目录下，icon.css一打开就是这个样子。如果直接运行就会报错

如果把这些路径删掉

  url('iconfont.woff?t=1646915607441') format('woff2'),url('iconfont.woff?t=1646915607441') format('woff'),url('iconfont.ttf?t=1646915607441') format('truetype');

不会报错但是就会显示成方框。
看了博主的更新方法，最终试着打开在线链接的内容，发现它的图标路径不一样，在线链接的图标路径如下：

url('//at.alicdn.com/t/font_3173505_5w5zquh1wwx.woff2?t=1644475177904') format('woff2'),url('//at.alicdn.com/t/font_3173505_5w5zquh1wwx.woff?t=1644475177904') format('woff'),url('//at.alicdn.com/t/font_3173505_5w5zquh1wwx.ttf?t=1644475177904') format('truetype');

多了链接，然后我替换之后就成功显示图标了。

阿里巴巴图库下载的在线图标显示为方框的问题相关推荐

android高德自定义图标,Android 高德地图显示在线图标
项目刚好用到高德地图,需求里有要求显示在线图标,发现高德Demo里只有显示本地图标的的例子,那么网络配置的图标要怎么显示呢,这时候可能就想到了自定义View,因为高德地图支持自定义View作为Mark ...
ipa安装包通过引流下载页在线下载安装（itms-services）
要求: 1.ipa的下载地址放到plist的文件中,链接指定plist(plist格式见下文) 2.plist的链接要求一定是https的,而且必须是公网ssl,自签名及免费的https不可用. 3. ...
【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )
文章目录一.FlutterIcon 下载图标二.自定义 svg 图标生成 ttf 字体文件三.使用下载的 ttf 图标文件四.完整代码示例五.相关资源一.FlutterIcon 下载图标 ...
SpringBoot+Vue+OpenOffice实现文档管理(文档上传、下载、在线预览)
场景 SpringBoot集成OpenOffice实现doc文档转html: SpringBoot集成OpenOffice实现doc文档转html_BADAO_LIUMANG_QIZHI的博客-CSD ...
Windows10——荣耀笔记本任务栏图标显示异常且无显示/隐藏图标的箭头解决方案
截图只代表现象,上下文截图不出自同一处,例如:不同机子,参考文章,其他网络资源问题机型荣耀猎人V700 i5-10300H 问题描述任务栏图标显示异常当前活动程序图标不显示,但依然可以打开新程 ...
deepin系统中.txt文件图标显示内容问题_深度系统Deepin 20最新正式版发布：从DDE到应用全面升级-Deepin 20,深度系统 ——快科技(驱动之家旗下媒体)-...
距离Deepin 20正式版发布一个月后,社区版本迎来了第一次更新(1003). 本次从DDE到应用全面进行了升级,对桌面环境.应用进行功能优化和问题修复,同时本次也推送磁盘管理器.相机应用,邮件和手 ...
基本系统设备感叹号_win7系统网络图标显示感叹号的问题
有系统之家的小伙伴,在使用win764位纯净版系统上网的时候,出现网络图标显示感叹号的问题.这种问题我们可以通过在网络检测修复中进行自行检测.或者是检查一下是不是硬件设备的问题.详细解决步骤就来看下系 ...
flash 异常修复：QQ 的 flash 图标显示异常？QQ 秀、表情加载异常？一招解决
文章目录前言一.产生错误场景 1.1.flash 图标显示异常 1.2.解决思路二.安装合适版本的 Flash Player 2.1.选择合适版本的 Flash Player 2.2.安装 Fl ...
MUI 图标显示不出来 - 分析篇
MUI 内置小图标无法正常显示,错显示为小矩形 bug截图: 原因及解决办法: mui.css/mui.min.css中关于字体文件.ttf引路路径设置有误,修改相对路径即可: .ttf文件有缺损, ...
桌面html文件图标异常,.htm .html文件图标显示异常的解决办法
.htm .html文件图标显示异常的解决办法发布时间:2008-11-22 12:55:25 作者:佚名我要评论症状:后缀为Htm和Html的文件图标显示为未关联的应用程序图标,(看着 ...

阿里巴巴图库下载的在线图标显示为方框的问题

阿里巴巴图库下载的在线图标显示为方框的问题相关推荐

最新文章

热门文章