在线iconfont的使用方法

在线iconfont的使用方法

阿里巴巴矢量图标库http://www.iconfont.cn/

注册账户登陆

搜索所需要的iconfont图标

添加到购物车

在购物车中选择添加到项目

新建项目然后添加到项目

生成的css连接代码

//at.alicdn.com/t/font_9k61ud8ntjspds4i.css

在页面中引用

 

i标签的class设置成iconfont表明这是一个字符图标

另一个类名用来设置字符图标的样式

标签里面包裹的就是所用iconfont图标的Unicode码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,018评论 25 708
  • 7 构建在线商店 在上一章中,你创建了关注系统和用户活动流。你还学习了Django信号是如何工作的,并在项目中集成...
    lakerszhy阅读 2,021评论 0 3
  • 1、今天去买菜,老板娘给我递菜的时候不小心掉了。我赶紧弯腰去接,结果裤子开了。最主要的是我还没有穿内裤。。。老板娘...
    简明估阅读 1,359评论 0 3
  • 一、TCP报文格式 上图中有几个字段需要重点介绍下: (1)序号:Seq序号,占32位,用来标识从TCP源端向目的...
    骊骅阅读 533评论 0 0
  • 王郝近雷 青青的山 绿绿的水 黑白相间 薄雾轻轻地行走在其间 漫歌漫舞 享受其乐 眼前的山, 眼前...
    朝花夕拾杯中酒123阅读 480评论 2 6