位置: IT常识 - 正文

iconfont 新加图标( 在原有项目的图标库中加入新的图标)(icon图标教程)

编辑:rootadmin
iconfont 新加图标( 在原有项目的图标库中加入新的图标)

推荐整理分享iconfont 新加图标( 在原有项目的图标库中加入新的图标)(icon图标教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:iconfont怎么引入,iconfont图标库,icon图标怎么弄,iconfont图标库,iconfont怎么添加项目,icons图标包怎么用,iconfont怎么添加项目,iconfont添加成员,内容如对您有帮助,希望把文章链接给更多的朋友!

需求:半路接其他人开发过的项目,由于项目已经生成了一些原有的图标,而我们也没有加入对方的项目组里,只能自己新创建一个项目,再把需要的图标加入项目里,生成对应的iconfont.css 文件,加入到原有的项目里,废话不多说,步骤:

1. 既然用到 iconfont,肯定的先找到图标加入项目里。 iconfont 是阿里的一个图标矢量库,

  地址:nfont.cn/   ,登录不多说,可以用微博账号登录。

2.找到自己需要的图标 加入到自己的项目里,没有项目可以创建一个新的项目。

 

iconfont 新加图标( 在原有项目的图标库中加入新的图标)(icon图标教程)

3、接下来就是把我们新的图标引入到原有的项目里,找到项目里的iconfont 文件夹,找不到的话全局搜 iconfont.css 文件,可以看到原有项目已经有了  iconfont.css等等文件了,而我们怎么引入呢?

把减压后的3个文件的名称改一下 iconfont.ttf 、 iconfont.woff 、iconfont.woff2,改成自己的名称(谁便起名),然后复制到项目 iconfont 里面。

 4. 复制完成后打开 iconfont.css 文件,把对应的 @font-face  代码粘过来

 

5.把对应的图标代码也沾到   iconfont.css 里。

6.这样 就可以用到新的 图标了。

 结尾:iconfont 有多种方法应用,如果图标少的话,或者临时用的话,可以直接下载成图片更简    单。。。

本文链接地址:https://www.jiuchutong.com/zhishi/288890.html 转载请保留说明!

上一篇:微信小程序---分包操作(微信小程序分成比例)

下一篇:海月水母和一群无刺的黄金水母,印度尼西亚 (© Alex Mustard/Minden Pictures)(海月水母有性别吗)

  • 华为p50是直屏还是曲屏(华为p50是直屏还是曲屏好)

    华为p50是直屏还是曲屏(华为p50是直屏还是曲屏好)

  • 华为笔记本搭载鸿蒙系统了吗(华为笔记本搭载锐龙r76800h)

    华为笔记本搭载鸿蒙系统了吗(华为笔记本搭载锐龙r76800h)

  • 抖音草稿箱的视频怎么保存到手机(抖音草稿箱的视频怎么发出去)

    抖音草稿箱的视频怎么保存到手机(抖音草稿箱的视频怎么发出去)

  • 微信朋友圈只能发15秒的视频吗(微信朋友圈只能看到共同好友的评论吗)

    微信朋友圈只能发15秒的视频吗(微信朋友圈只能看到共同好友的评论吗)

  • 微信号被注销了怎么恢复呢(微信号被注销了是什么样子的)

    微信号被注销了怎么恢复呢(微信号被注销了是什么样子的)

  • 华为手表连接手机需要下载什么软件(华为手表连接手机后手机没声音)

    华为手表连接手机需要下载什么软件(华为手表连接手机后手机没声音)

  • bilibili的视频怎么下载(bilibili的视频怎么保存到本地)

    bilibili的视频怎么下载(bilibili的视频怎么保存到本地)

  • 手机网络显示hd是什么意思啊(手机上的hd怎么关闭)

    手机网络显示hd是什么意思啊(手机上的hd怎么关闭)

  • qq离线文件和在线文件有什么区别(qq离线文件和在线一样吗)

    qq离线文件和在线文件有什么区别(qq离线文件和在线一样吗)

  • 抖音极速版如何看直播(抖音极速版如何删除发布的作品)

    抖音极速版如何看直播(抖音极速版如何删除发布的作品)

  • 腾讯课堂在电脑上为什么打不开(腾讯课堂在电脑上怎么打开麦克风)

    腾讯课堂在电脑上为什么打不开(腾讯课堂在电脑上怎么打开麦克风)

  • 怎么查看本机IP地址(怎么查看本机ip和端口)

    怎么查看本机IP地址(怎么查看本机ip和端口)

  • 微信如何开启朋友验证功能(微信如何开启朋友圈三天可见)

    微信如何开启朋友验证功能(微信如何开启朋友圈三天可见)

  • wps查找快捷键(wps查找快捷键ctrl加什么)

    wps查找快捷键(wps查找快捷键ctrl加什么)

  • 腾讯视频怎么上传抖音(腾讯视频怎么上下移动画面)

    腾讯视频怎么上传抖音(腾讯视频怎么上下移动画面)

  • 己发布的抖音怎么更换音乐(己发布的抖音怎么换音乐)

    己发布的抖音怎么更换音乐(己发布的抖音怎么换音乐)

  • 苹果无线耳机充电盒后面的按钮是干什么的(苹果无线耳机充电仓正确充电方法)

    苹果无线耳机充电盒后面的按钮是干什么的(苹果无线耳机充电仓正确充电方法)

  • 手机分辨率一般为多少(手机分辨率一般是多少像素)

    手机分辨率一般为多少(手机分辨率一般是多少像素)

  • 芯片指的是什么(芯片指的是什么意思啊)

    芯片指的是什么(芯片指的是什么意思啊)

  • macbook16款和17款区别(macbook16款和17款外观区别)

    macbook16款和17款区别(macbook16款和17款外观区别)

  • 华为荣耀20i支持快充吗(华为荣耀20i支持无线充电吗)

    华为荣耀20i支持快充吗(华为荣耀20i支持无线充电吗)

  • 苹果xr震动怎么设置(苹果xr震动怎么管)

    苹果xr震动怎么设置(苹果xr震动怎么管)

  • 重楼的功效与作用(图文)(重楼的功效与作用价格)

    重楼的功效与作用(图文)(重楼的功效与作用价格)

  • 注意力机制详解(注意力机制有什么作用)

    注意力机制详解(注意力机制有什么作用)

  • 长期待摊费用怎么算
  • 统一机构信用代码查询系统
  • 咨询公司所得税税负率是多少合适
  • 小规模纳税人开专票需要交税吗
  • 小企业准则固定资产折旧每月折旧多折了
  • 房地产企业汇缴清算条件
  • 会计分录怎么确认借贷方向
  • 交易性金融资产公允价值变动计入
  • 建筑企业劳保计入哪个科目?
  • 票面利率大于市场利率是溢价吗
  • 营改增建筑业税率是多少
  • 个人独资企业免税额度
  • 给货代付海运费手续费怎么算
  • 加盟费怎么算的
  • 单位杂工费报销计什么科目
  • 专项应付款增加记哪方
  • 销售方开具的红字信息表
  • 凭证出现错误如何解决
  • 汇总会计报表和合并会计报表均是
  • 光纤熔接发票属什么类别
  • 专票有电子发票有抵扣联吗
  • 人人有份类似的词语
  • 工业企业和其他企业经营的对象
  • 收购免税农产品的进项税可以抵扣吗
  • 在租的土地上建房
  • 防伪税控设备丢失需要处罚吗
  • 不动产抵押合同管辖法院
  • 延期报税申请怎么操作
  • 快捷方式都变成pdf
  • 劳务公司开发票,劳务公司怎么转取收入
  • mac可以制作win启动盘吗
  • 入账成本包括增值税税额吗
  • 桌面小工具怎么添加
  • php 生成opcode
  • 高通 adc
  • vue3的ref,reactive的使用和原理解析
  • vue3安装配置
  • 小微企业开通社保
  • python二叉树遍历算法
  • 存货的账务处理分录
  • 基本户不注销会扣钱吗
  • 社保代扣代缴的办理流程
  • 购买牵引车和挂车购车流程
  • 企业所得税退税怎么操作流程
  • 工商年审中实缴还是虚缴
  • 律师事务所收到专票能抵扣吗合法吗
  • 怎样计提税金及附加
  • 作废的发票也要交印花税吗
  • 事业单位库存物品
  • 税务机关多收税款几年可以要求退回
  • 为什么白条不能打白条
  • 税控盘的主要功能包括
  • 怎么把应付账款调成应收
  • 公司承担员工的个税怎么做账
  • 日常费用报销管理制度
  • 发票已经认证是什么意思
  • 发票抬头是个人税号怎么填
  • MySql 5.6.14 Win32位免安装解压缩版配置教程
  • 便签windows
  • XP系统电脑开机密码忘了
  • ubuntu系统管理
  • freebsd ports安装
  • linux chfn命令
  • xp启用telnet
  • 如何关闭win8.1自动更新
  • linux必会的20种服务
  • unity Toggle Groud
  • 简单模拟电路图
  • 相同目录
  • linux小技巧
  • javascript中继承
  • js函数详解
  • 工资6200要交多少个人所得税
  • 定期定额纳税申报表应税项应填哪个数
  • 全国哪些地区社保比例高
  • 车库契税怎么收费
  • 建筑企业外地施工预缴税款
  • 福建 退休
  • 金税三期可以申报个税吗
  • 市中区税务局办税大厅地址
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设