简易字体图标_0.0.2

原创 2016年11月30日 19:24:45

简介

从最传统的小图标到雪碧图再到现在的字体图标,关于这一块的前端的优化目标一直未有变更,今天简单的介绍一下如何用最小的代价来应用字体图标

作者:链上研发-hcy
时间:2016-11-30

字体图标有何优缺点?

  • 轻量、灵活、兼容
  • 清晰不失真
  • 只能被渲染成单色或者CSS3的渐变色,创作自己的字体图标成本大

    回归主题,如何简易的来使用呢?

  • 阿里巴巴的矢量图库可以为我们所用

  • 地址:http://www.iconfont.cn/

我将一步一步讲述该如何使用

注册一个账户

  当然你可以使用其他账户来登陆,比如github的账户或者是新浪微博的账户,这都不是重点,重点是你要有一个账户

创建一个项目

  如下图所示,点击进去创建项目

附图

添加自选图标

  打开之后界面是这样的

附图

  之后去图库搜索自己想要的图标,加进你的'购物车'

附图

  之后点击一下购物车,把他添加到你的项目中即可

附图

导出到本地使用

  最后一步,导出到本地即可

附图

就是这么简单,你就可以使用字体图标
版权声明:本文为链家上海研发中心原创文章,转载请注明出处。

Android实战简易教程<四十二>(github实用控件推荐BadgeView-图标左上角消息提示控件)

微信和QQ的左上角消息提示大家都十分有印象,有强迫症的童鞋总是忍不住的要点掉它,我们怎么将这样一个小功能引入到自己的项目中呢? github上有一款控件可以帮助我们实现这个功能,下面我们就看一下这个...

android使用字体图标

介绍 字体图标是指将图标做成字体文件(.ttf),从而代替传统的png等图标资源。 使用字体图标的优点和缺点分别为: 优点: 1. 可以高度自定义图标的样式(包括大小和颜色),对于个人开发...

80秀03版图标字体程序

  • 2005年08月17日 01:30
  • 0B
  • 下载

矢量字体图标Font-Awesome相关实例

  • 2014年04月03日 15:08
  • 71KB
  • 下载

Android 如何应用ttf图标字体库

作为一个Android开发者,自己想做一个app练手,有个比较头疼的问题就是没有UI图标资源~~ 其实很容易搞定的,下面就来聊聊如何在Android中应用图标字体库,找图标不再纠结! 图标库传送门:...

icomoon字体图标库

  • 2016年02月19日 11:37
  • 429KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简易字体图标_0.0.2
举报原因:
原因补充:

(最多只允许输入30个字)