这里是第二种方式
将下载下来的压缩包安照下图操作
在main.js中引入,就可以使用了(在uniapp中真机测试是不支持这样引入的,只能在style中引入)
import './static/iconfont/iconfont.css';
这样的引入方式会出现有的文件找不到的情况,这是只需将第4步中图片的代码,复制替换iconfont.css文件中的部分尽可以了
@import '../../static/iconfont/iconfont.css';
效果图
一步: 从iconfont下载icon图标 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly...
1. 进入阿里巴巴矢量图标库https://www.iconfont.cn/，添加图标到项目，然后下载至本地 ![阿里巴巴下载图标][7936f14a9fb41f
icanfont官网 iconfont官网：[iconfont-阿里巴巴矢量图标库][iconfont-] 在自己建的项目下：点击 Font Class 可以看到下面的
一、在阿里矢量图选择自己喜欢的图标，然后点击收藏 二、右上角下载全部已经收藏了的图标代码 三、在编辑器打开已经下载的文件,把文件里的iconfont.ttf丢到项目stat
1. 在阿里巴巴矢量图上收藏自己需要的图标 ![在这里插入图片描述][20200408154437195.png] 2. 去到我的收藏,将图标添加入库
[https://v.qq.com/x/page/b0510bytugj.html][https_v.qq.com_x_page_b0510bytugj.html] [ht
1.在阿里iconfont官网上选择完毕自己想要的图标之后 ![点击添加至项目][20190727130545345.jpg] 点击添加至项目。 2.选择我的项目
1.去阿里巴巴矢量图库创建项目 [https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a][https
第一步 先去iconfont挑选要用到的图标 ![18749935-0606ff5c5cd24d3b.png][] 挑选图标 第二步 把图标下载下来
情景1：使用灰色的字体图标 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly
墨蓝
向右看齐
深藏阁楼爱情的钟
还没有评论，来说两句吧...