简易字体图标_0.0.2

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

简介

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

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

字体图标有何优缺点?

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

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

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

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

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

注册一个账户

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

创建一个项目

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

附图

添加自选图标

  打开之后界面是这样的

附图

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

附图

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

附图

导出到本地使用

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

附图

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

相关文章推荐

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

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

图标字体化浅谈

来源:腾讯ISUX (http://isux.tencent.com/icon-font.html) 图标字体化浅谈 在做手机端Web App项目中,经常会遇到小图标在...

WPF字体图标——FontAwesom

一、字体图标概述 FontAwesome是迄今为止最出色的图标字体(没有之一),优点是图标多、图标美观、兼容各种应用场景等。 二、获取FontAwesome字体图标库 FontAwesome主...

仿微信主界面导航栏图标字体颜色的变化

在所有的移动产品中,微信的界面做的很简洁,简单,我对微信主界面影响最深的就是微信底部导航栏的图标,以及字体颜色的变化,一直都想实现以下,今天有空,就大体的模仿者做了一遍。 效果图如下: ...

android 使用字体图标(Icon Font)

android 使用字体图标(Icon Font) 转载请注明出处: 介绍字体图标是指将图标做成字体文件(.ttf),从而代替传统的png等图标资源。使用字体图标的优点和缺点分别为: 优...

Font Awesome:图标字体,完全CSS控制

Font Awesome是一种web font,它包含了几乎所有常用的图标,比如Twitter、facebook等等。用户可以自定义这些图标字体,包括大小、颜色、阴影效果以及其它可以通过CSS控制的属...

icomoon生成字体图标及使用

1.打开制作网址:https://icomoon.io/app/#/select/font2.点击修改默认名称其他3.点击下载即可4.使用a.解压下载的压缩包,把解压文件里的fonts文件夹、styl...

Bootstrap 字体图标和下拉菜单、按钮

Bootstrap 字体图标http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm使用;

Tab栏图标和字体颜色渐变的实现

相信大家都见到了微信图标颜色渐变的过程,是不是感觉很牛逼?不得不说微信团队确实是很厉害的团队,不管是从设计还是开发人员。 今天我带大家来看看,微信 tab 栏图标和字体颜色渐变的过程。先上图吧!...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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