有时候需要用很多图标去完成一定的页面效果和工作展现,框架内置的图标可能满足不了我们的需求,有个很好的图标库想必大家都知道-----就是阿里图标库。那么我们如何才能够把阿狸图标库的图标引用到自己的项目中呢?耐着性子往下看吧!
阿里图标库地址:https://www.iconfont.cn/
1.根据所需搜索到想要的图标,鼠标悬停,点击添加到购物车

1.png

2.点击购物车

2.png

3.点击添加至项目

3.png

4.选择添加到一个项目里面,点击确定

4.png

5.点击font class 的选项,可以看到你添加过的图标,下面的英文对应的是图标代码,点击下载至本地。

5.png

6.你会的到一个download的压缩包,解压文件

6.png

7.复制除第一个二文件其余的文件至你的项目资源目录

7.png

8.引用iconfont.css至你的前端项目 请注意引用文件路径的正确性。

8.png

9.使用的时候

第一个类名是固定的iconfont 第二个类名是你所需要的类名,取自于fontClass代码

9.png

10.png

scrapy如何指定生成python3的项目_如何把阿里图标库的图标生成代码并应用于自己的项目...相关推荐

  1. 如何把阿里图标库的图标生成代码并应用于自己的项目

    有时候需要用很多图标去完成一定的页面效果和工作展现,框架内置的图标可能满足不了我们的需求,有个很好的图标库想必大家都知道-----就是阿里图标库.那么我们如何才能够把阿狸图标库的图标引用到自己的项目中 ...

  2. vue项目引入阿里巴巴矢量图标库 ——字体图标

    1. 打开阿里巴巴矢量图标库官网 iconfont-阿里巴巴矢量图标库 2. 下载图标步骤 (1) (2)  (3) (4) (5) (6)main.js 配置 引入assets中的图标路径 (7)页 ...

  3. uniapp项目添加阿里图标库字体图标(图标在手机、浏览器均可查看)

    前言 提示:本篇文章正文内容分为: 给uniapp项目导航栏添加字体图标: 在uniapp项目中使用字体图标. 一.给uniapp项目导航栏添加字体图标 1:登录阿里巴巴矢量图标库:https://w ...

  4. 码云上面优秀的java项目_秒建一个后台管理系统?用这5个开源免费的Java项目就够了...

    以下推荐项目都是码云上的优质项目,并且都是项目快速开发脚手架,代码质量什么的无法保证能有多好,毕竟很多也是个人开发,或多或少也有个人色彩影响. 不过既然开源出来,这么多人参与,一般情况下项目整体质量可 ...

  5. 秒表项目_【速看】2021年陕西中考体育怎么考?中考体育项目及考试评分标准最全整理来了!...

    一.制定的背景是什么? 实施初中学业水平考试体育与健康考试是全面贯彻党的教育方针,落实立德树人根本任务,深化高中阶段学校考试招生制度改革的重要举措.根据<国务院关于深化考试招生制度改革的实施意见 ...

  6. htmlcss实例小项目_小程序websocket心跳库——websocket-heartbeat-miniprogram

    前言 在16年的时候因为项目接触到websocket,而后对心跳重连做了一次总结,写了篇博客,而后18年对之前github上的demo代码进行了再次开发和开源,最终封装成库.如下: 博客:https: ...

  7. html项目_趣图:我是一个 HTML 开发者,你们看看我做的这个项目咋样?

    (给程序员的那些事加星标,每天看趣图) 我是一个 HTML 开发者, 这是我做的 Web 项目, 大家来点评一下 ↓↓↓ 关注@程序员的那些事  视频号,带你愉快地提升编程水平!??? 提示:上班摸鱼 ...

  8. python生成报表并打印_使用expect+python拉取数据并生成报表

    虽然脚本周一的时候就写好了,但是昨天才是第一次正式使用.加上昨天写了第二篇shell的tips,所以expect+python的脚本gen_report今天才写. 首先说一下背景.由于工作需要,有时我 ...

  9. js生成token 七牛云_七牛云存储 - 七牛:php 生成带多个策略的 token 的问题

    我之前一直这样生成七牛的token : $bucket = ""; //你的七牛云存储的空间名称 $accessKey = ''; //公钥 $secretKey = ''; // ...

最新文章

  1. PyTorch convert function for op ‘hardswish‘ not implemented.
  2. leetcode470 Java_Java实现 LeetCode 794 有效的井字游戏 (暴力分析)
  3. Python中的高阶函数filter
  4. java ajax定义_Ajax的定义
  5. a标签href不跳转_[网页编程]-06 HTML5 超链接标签
  6. builtins自定义_ng-repeat里创建的自定义指令
  7. 4. ZooKeeper 基本操作
  8. C语言结构体内存布局问题
  9. zeromq+python安装手册
  10. 饮冰三年-人工智能-Python-27 Django Form组件
  11. Eclipse设置护眼豆沙绿
  12. 基于51单片机DTH11温湿度测量仪protues仿真设计_LCD显示
  13. html消除冒泡,取消冒泡.html
  14. 零基础该怎样开始学编程?
  15. 关于华为pad没有出来直播的经验
  16. 基于STM32F4单片机对步进电机的控制(有代码)
  17. CSS(列表+表格+链接+自定义鼠标光标)样式
  18. [Android Pro] 将你的安卓手机屏幕共享到PC或Mac上
  19. table中td文字超出长度用省略号隐藏超出内容,鼠标点击内容全部显示
  20. 按键精灵脚本转换成c语言,问一个关于按键码转换的问题

热门文章

  1. Scrapy使用问题整理(转载)
  2. css编写的技巧效果总结
  3. 【MVC】AJAX+PartialView实现商城首页的楼层加载
  4. 高效使用Bitmaps(一) 大Bitmap的加载
  5. 2013年6月和12月CISA考试报名,认证,CPE维持和备考要点
  6. linux显示中文乱码
  7. 2008年CCNA第二学期第九单元题目(2008-12-14 14:04:38)
  8. ubuntu下的能安装的百度网盘的资源最新网址
  9. C++中public protected private的区别
  10. java applet 文本框_Java Applet 文本框 TextField 小例 | 学步园