首选去https://www.iconfont.cn/寻找自己想要的图标
然后到这里 一般情况下不要直接下载 点击添加至项目(没有就新建一个,就相当于一个收藏夹)

点击确定 只有会跳转到我的项目页面

在里面 可以对刚刚添加进来的矢量图进行修改 点击这里
这里需要修改是因为 咱们是追加新的矢量图 可能会遇到 Unicode(16进制)码跟已经存在的图标重复的情况 这时咱自己避开已存在的矢量图的 Unicode(16进制)码

下一步就是下载到本地了
首选要确认一下自己在https://www.iconfont.cn/上项目的下载配置
可以按照我这样配

根据我的配置方式 进行下载至本地 获得以下内容

因为是新增图标 要和就图标文件区分 我这里是添加-new
将如图带有-new的复制到原有图标相同的地方

在下载下来的iconfont.css 中的以下内容(@font-face)复制到原有的iconfont.css

这里要注意了 咱改了名字 要修改一下

这个Unicode(16进制)就是在下载后的iconfont.css文件中content的值

将下载下来的iron的Unicode复制到原有的iconfont.css
对饮的矢量图样式复制到原有的iconfont.csscontent值就是上面所说的Unicode(16进制)

然后将iconfont.json的内容复制到原有的iconfont.json
这个复制不是全部复制粘贴
只需要复制这一部分

iconfont矢量 在已经有的情况下新增图标相关推荐

  1. Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统

    每一个应用程序,其实都会有分享的需求,比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台,因为人类是社交动物,而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的 ...

  2. classlist使用方法_如何通过使用HTML5的classList API在没有jQuery的情况下操作类

    classlist使用方法 by Ayo Isaiah 通过Ayo Isaiah 如何通过使用HTML5的classList API在没有jQuery的情况下操作类 (How to manipulat ...

  3. 对于大数据大流量情况下微软架构的水平扩展的遐想(瞎想)

    最近回顾SAAS的书籍,书中的扩展架构都有点让我痴迷,但书中介绍的都是以Java,Apache,JBoss,Hadloop等技术实现负载均衡,大数据处理,对于微软架构并未提及,所以让我陷入无限遐想,夜 ...

  4. 在什么情况下我应该使用malloc和/或new?

    我看到在C ++中有多种分配和释放数据的方法,并且我了解,当您调用malloc您应该调用free而当您使用new运算符时,您应该与delete配对,并且将两者混用是错误的(例如,调用free()在使用 ...

  5. mysql 并发避免锁表_MYSQL锁表的用法,防止并发情况下的重复数据

    项目中有些使用的redis存储,当对redis进行rehash的时候感觉是比较麻烦的.于是写了个简单的读取redis到数据库的关键方法.仅供参考. package com.redis.web; imp ...

  6. 工业机器人什么情况下会出现奇点_【怎么解释机器人奇点造成的结果?】-工业-有米下载-6miu.com...

    旋转轴机器臂,假设在某个关节等于0角度时,产生奇点,那么他造成的结果是什么?怎样形容它的结果?谢谢 来个简单的机器人来解释奇点(singularity).Scara机器人:这个机器人实际上有4个自由度 ...

  7. mysql 创建临时表 时间类型_MySQL问答系列之什么情况下会用到临时表

    临时表介绍 什么是临时表:MySQL用于存储一些中间结果集的表,临时表只在当前连接可见,当关闭连接时,Mysql会自动删除表并释放所有空间.为什么会产生临时表:一般是由于复杂的SQL导致临时表被大量创 ...

  8. 在数据仓储的情况下进一步封装数据库基础操作,此版本为异步版本

    1 /// <summary> 2 /// 在数据仓储的情况下进一步封装数据库基础操作,此版本为异步版本 Created by ZhangQC 2016.08.17 3 /// </ ...

  9. 矢量图标库如何引入html,Iconfont矢量图标库在网站中的使用方法

    原标题:Iconfont矢量图标库在网站中的使用方法 大家都知道现在移动端网站设计比较热门,由于移动端的网站页面的收缩性要求很高,必然在网页设计中,一些小点的图标,使用图片收缩性,以及美观上并不是很理 ...

最新文章

  1. 从零开始React:一档 React环境搭建,语法规则,基础使用
  2. python代码需要背吗-纠结应该先学Python还是Java?看完就有数了
  3. Dmoz介绍及怎么提交?
  4. python中raw_input未定义_python之NameError: name 'raw_input' is not defined
  5. Nacos内核设计之一致性协议
  6. iphone7无服务_iphone7无服务无信号怎么办
  7. java part.inlimen_java字符串加密及动手动脑
  8. 使用 FUSE 开发自己的文件系统
  9. CentOS7安装PostgreSQL10,pgadmin4
  10. FreeBSD中替换系统调用监视系统文件打开记录
  11. 推美妆、搭IP,出货千万的天猫精灵打上95后的主意
  12. Javakeytool生成RSA密钥
  13. mistake - pwnable
  14. windows文件服务器双机热备_几款Windows与Linux双机热备软件推荐
  15. 软件设计师必考精华 - 面相对象
  16. AndroidSwipeLayout:最强大的 Swipe Layout
  17. Unity 图片切割九宫格
  18. 机房收费系统——退卡
  19. 湖南省首届逻辑推理大赛(中南大学)
  20. .jar.LASTUPDATED问题解决

热门文章

  1. 不需要安全实验证也可以开微信号_热门行业:电子专用设备工程师证考试报名时间及报名须知...
  2. java实现系列化的jdk_Java反序列化之与JDK版本无关的利用链挖掘
  3. 第四届CocoaChina开发者大会官网上线
  4. java程序a-z b-y,请完成下列Java程序:对大写的26个英文字母加密,从键盘输入一个大写字母串,输出这个串加密后的结 - 赏学吧...
  5. java中的map是什么_转载java中Map的详解
  6. Maven - 依赖冲突
  7. HDU 1879 继续畅通工程 最小生成树
  8. maven项目依赖被改为文件夹时如何改回lib
  9. 【Linux】字符转换命令join
  10. 基于插件架构的简单的Winform框架(下)