阿里图标库的使用方法
2016-03-09 09:17
344 查看
1.登陆http://www.iconfont.cn,搜索自己需要的图标,加入购物车,下载并解压
2.可以看见里面有7个文件,将除了一个html,两个css文件之后的4个文件拷贝黏贴到与css,images,js同级目录的iconfont目录下
3.双击打开7个文件中的html文件,可以看见有三段代码,将第一段代码复制到css文件中,然后将第二代码一复制在第一段话下面,但可以把关于动画的部分去除
3.将需要放图标的地方写上<font><font>/*文字标签*/并在font中黏贴对应图标的码
4.最后可以根据需要,在.iconfont{}//第二段代码中 添加或者修改自己需要的样式
2.可以看见里面有7个文件,将除了一个html,两个css文件之后的4个文件拷贝黏贴到与css,images,js同级目录的iconfont目录下
3.双击打开7个文件中的html文件,可以看见有三段代码,将第一段代码复制到css文件中,然后将第二代码一复制在第一段话下面,但可以把关于动画的部分去除
3.将需要放图标的地方写上<font><font>/*文字标签*/并在font中黏贴对应图标的码
4.最后可以根据需要,在.iconfont{}//第二段代码中 添加或者修改自己需要的样式
相关文章推荐
- NYOJ-481平衡字符串
- DB2 性能监控
- linux驱动开发流程
- 【leetcode】第9题:判断整型数是否为回文数
- contentSize/contentOffset/contentInset区别
- 机器学习算法中文视频教程
- Css使背景透明内容不透明得方法
- 查看端口占用情况
- 13. Roman to Integer
- ORACLE 实现行转列(字符串求和)
- 分享12个实用的jQuery代码片段
- 记忆化搜索——地宫取宝
- lzg_ad:XPE中的EWF分区设置说明
- 策略模式(1)
- ping+telnet
- 嵌入式 hi3518x平台h264+g711a封装mp4代码demo
- 用Maven创建第一个web项目
- EasyUI-Tree
- 面试前端工程师
- python之os模块