zoukankan      html  css  js  c++  java
  • 从iconfont下载项目所需的图标资源

    前端开发中,经常会用到各种各样的图标(icon)。这些icon,如果每个都要自己去做,那真的是耗时又耗力。但是,有了阿里巴巴矢量图标库这样的平台后,一切都变得简单了起来。
    本文以此平台为例,演示如何搜集并下载项目所需的icon资源。

    访问官网并登录

    访问iconfont官网,并且登录。推荐大家登录以后,再做后续的一些操作。登录以后,不仅可以收藏icon,并且可以创建自己的icon项目。这个icon项目,可以非常方便地对icon的管理(删除、添加等)。

    搜索图标

    首页有个大大的“搜索框”,就像下面这样。

    输入关键字,比如“购物车”,就会得到如下的结果。

    添加图标

    你可以从这些购物车icon中,选择你需要的,点击将其加入购物车。

    icon挑选完毕后,点击右上角的“购物车”,选择“添加至项目”。

    新增一个项目,比如“shop”。

    管理项目

    下载资源

    点击“下载至本地”,即可获取该项目中的icon资源。

    编辑项目


    这里可以对font-family等进行修改,这样就可以解决项目中引入的字体库,font-family名称冲突的问题。

    其它图标库平台

    与iconfont类似的平台还有许多,例如easyiconicons8等也是非常不错的。

  • 相关阅读:
    改变Ecplise项目窗口字体样式
    反射笔记
    日期、时间戳、字符串之间的转换
    Ajax处理后台返回的Json数据
    Ajax动态切换按钮
    生成随机数验证码
    Apache-SimpleEmail 简单应用
    Apache-POI 简单应用
    JavaMail API的应用
    checkbox怎么判断是否选中
  • 原文地址:https://www.cnblogs.com/xiaoyucoding/p/7113575.html
Copyright © 2011-2022 走看看