解决uniapp引入图标报文件查找失败

太过爱你忘了你带给我的痛 2022-09-11 06:15 501阅读 0赞

在uniapp的开发过程中，引入了字体图标iconfont.css文件后，编译运行会报如下错误  
![请添加图片描述][f098ece279414b209c54d8a29d93ce47.jpg]

经过定位排查，发现问题出现在这几行代码中。

@font-face { font-family: "iconfont";
      src: url('iconfont.eot?t=1565143147692'); /* IE9 */
      src: url('iconfont.eot?t=1565143147692#iefix') format('embedded-opentype'),/* IE6-IE8*/
      url('iconfont.woff?t=1565143147692') format('woff'),
      url('iconfont.ttf?t=1565143147692') format('truetype'),
      url('iconfont.svg?t=1565143147692#iconfont') format('svg'); 
    }

解决办法：将路径改为在线地址即可编译成功。

@font-face { font-family: "iconfont";
      src: url('https://at.alicdn.com/t/iconfont.eot?t=1565143147692'); /* IE9 */
      src: url('https://at.alicdn.com/t/iconfont.eot?t=1565143147692#iefix') format('embedded-opentype'),/* IE6-IE8*/
      url('https://at.alicdn.com/t/iconfont.woff?t=1565143147692') format('woff'),
      url('https://at.alicdn.com/t/iconfont.ttf?t=1565143147692') format('truetype'),
      url('https://at.alicdn.com/t/iconfont.svg?t=1565143147692#iconfont') format('svg'); 
    }

[f098ece279414b209c54d8a29d93ce47.jpg]: /images/20220828/6bc26c35beaf41279e32dd203160fbf9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，501人围观）

还没有评论，来说两句吧...

相关阅读

相关 Uniapp引入彩色图标iconfont

1. 进入阿里巴巴矢量图标库https://www.iconfont.cn/，添加图标到项目，然后下载至本地 ![阿里巴巴下载图标][7936f14a9fb41f

谁践踏了优雅/ 2024年03月26日 11:43/ 0 赞/ 79 阅读

相关 css,js文件引入失败问题解决

万能方法: 曾被css文件和js文件引入的问题困扰很久，link引入，@import引入都使用过，但在复杂的页面跳转过程中，经常会导致这些文件在某一个在跳转过程中由于路径的

骑猪看日落/ 2023年10月08日 12:03/ 0 赞/ 49 阅读

相关解决springBoot 的templates中html引入css文件失败

我的情况是网页打开没有css效果文件结构： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

待我称王封你为后i/ 2023年10月04日 11:03/ 0 赞/ 3 阅读

相关 uniapp使用字体图标

1.在阿里图标库下载需要的字体图标，选择好图标后点下载代码 [iconfont-阿里巴巴矢量图标库][iconfont-] 2.将下载的压缩包里面的ttf文件拷贝到unia

淩亂°似流年/ 2023年10月02日 17:09/ 0 赞/ 6 阅读

相关 uniapp怎么引入css_Uniapp怎么引入外部js

Uniapp引入外部js的方法：首先新建一个indexl文件，引入外部js，代码为【】；然后打开manifest文件。 ![Image 1][] 本教程操作环境：windo

朱雀/ 2023年01月08日 08:12/ 0 赞/ 420 阅读

相关解决uniapp引入图标报文件查找失败

在uniapp的开发过程中，引入了字体图标iconfont.css文件后，编译运行会报如下错误 ![请添加图片描述][f098ece279414b209c54d8a29d9

太过爱你忘了你带给我的痛/ 2022年09月11日 06:15/ 0 赞/ 502 阅读

相关 uniapp 图标配置

uniapp 图标配置，记录一下 1、在 HBuilderX 中打开 manifest.json 文件，找到 App图标配置 ![watermark_type_ZHJvaW

秒速五厘米/ 2022年09月10日 10:28/ 0 赞/ 702 阅读

相关引入jsp页面引入js失败的解决办法

zaijsp页面上的<head>标签中写了引入js的代码<script type="text/javascript" src="js/jquery-3.0.0.js"></sc

女爷i/ 2022年04月17日 01:53/ 0 赞/ 568 阅读

相关报错 - 项目直接引入 .scss文件报错及解决方案

近期项目中直接使用了scss 发现报错了，这个导致的原因我到现在都不是很了解，只是大概知道是 node 的原因，不过解决方法已经找到了的。下面分享一下：一、报错

- 日理万妓/ 2021年09月09日 02:32/ 0 赞/ 650 阅读

相关 uniapp css样式、引入阿里字体图标、使用less、scss

css样式选择器无效 page相当于body选择器 1rpx=0.5px 导入其他css文件

电玩女神/ 2021年07月24日 12:19/ 0 赞/ 937 阅读