阿里图标管理网站iconfont.cn的正确打开方式

不要使用官方示例的图标库。因为你无法为官方图标库追加图标。需要建立自己的图标库。

注册账号或登陆自己的账号。
打开“图标管理-我的项目”。
在主页面查找自己喜欢的图标加入购物车。
打开右上方的小购物车，将添加到购物车的图标添加至项目；也可以下载素材到本地或者以压缩包的形式下载其代码到本地。
打开我的项目，在里面可以下载下载的素材包到本地；也可以编辑图标，改变其大小或颜色或图标名。
解压压缩包，会得到一个文件夹。将里面的iconfont.ttf、iconfont.svg、iconfont.js拷贝到你的移动工程下的static/font文件夹进行替换。再打开下载的文件夹里的iconfont.css，找到新增的那两个名字并复制样式，追加到移动工程static/font文件夹下的iconfont.css里面。
注意事项：
不要直接将下载的iconfont.css文件替换到里面。
不要直接把下载的iconfont.css内容全部替换原来的iconfont.css内容，而是要把相关图标的部分追加到原来的内容后面。
icon起名时不要加 icon- 前缀，生成的css自动会有 icon- 前缀。
如需了解更多，请访问weTouch

阿里图标管理网站[iconfont.cn](iconfont.cn)的正确打开方式相关推荐

阿里图标库在旧有的iconfont中添加新的图标
1.先去阿里巴巴矢量图标库官网挑选自己需要的图标 iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载.在线存储.格式转换等功能.阿里巴巴 ...
iconfont阿里图标引入不生效的解决方法,三种引入方式详细步骤。
1.登录阿里图标官网 2.注册自己的账户,创建项目 3.加入自己使用的图标,加入购物车 4.选中项目 5.选中引入方式: 第一种.使用统一码 Unicode 第二种.使用class Font clas ...
windows启动管理器_win7系统任务管理器的五种打开方式，很实用，学习一下
xp系统如何启动任务管理器,很简单吧,ctrl键+alt键+delete键,直接可以启动任务管理器,可是当你在win7操作系统按下ctrl键+alt键+delete键,是无法直接调用任务管理器的,接下 ...
阿里云亮眼财报背后，云的打开方式正在重塑
文 | 魏启扬来源 | 智能相对论(ID:aixdlun) 11月5日晚间,阿里巴巴集团发布2021财年第二季度业绩. 财报显示,阿里巴巴集团Q2收入1550.59亿元人民币,同比增长30%,其中云 ...
阿里云播放器SDK的正确打开方式 | Aliplayer Web播放器介绍及功能实现(三)
阿里云播放器SDK(ApsaraVideo for Player SDK)是阿里视频云端到云到端服务的重要一环,除了支持点播和直播的基础播放功能外,还深度融合视频云业务,支持视频的加密播放.安全下载. ...
Vue - 项目中使用iconfont（阿里图标库）
项目中如何使用iconfont(阿里图标库) 一. 登陆iconfont官网: https://www.iconfont.cn/ 二. 创建一个图标项目 1.点击"图标管理"子目录 ...
自己摸索阿里矢量图标iconfont的用法之阿里图标怎么用（最简单）（多图预警）
话不多说,直接先上干货. 第一部分:阿里图标iconfont怎么用. 1,登录阿里图标官网 https://www.iconfont.cn/ 2,登录. 没号可以先注册.用微博或者GitHub登录的. ...
使用在线链接阿里图标库（iconfont）(vue)
1.阿里图标库网址 https://www.iconfont.cn/ 2.搜索–>图标名称–>鼠标移入图标->加入购物车–>点击购物车–>添加至项目 2.点击Font c ...
vue引用矢量阿里图标iconfont详细步骤
1.登录阿里图标库:https://www.iconfont.cn/ 2.搜索你需要用的图标,加入到购物车 3.打开购物车,添加至项目 4.点击下载至本地 5.在项目中新建文件夹:src>ico ...
微信小程序使用阿里图标
方法一:使用本地文件 1 下载阿里图标到本地 http://iconfont.cn/ 2.转换iconfont.ttf文件(小程序的wxss文件的font-face的url不接受http地址作为参数, ...

阿里图标管理网站[iconfont.cn](iconfont.cn)的正确打开方式

阿里图标管理网站iconfont.cn的正确打开方式

阿里图标管理网站[iconfont.cn](iconfont.cn)的正确打开方式相关推荐

最新文章

热门文章