H-ui字体图标
2015-08-11 16:44
281 查看
第一步:下载(如果下载过H-ui框架的,请跳过第一步,无须重复下载)
阿里巴巴Iconfont下载
Font Awesome3.0下载
第二步:引入
为了方便资源调用,尽量将.css 和字库文件放在一个文件夹下,不要随意拆开部署,防止无法正常加载字体文件。
Iconfont
Font Awesome
第三步:调用
有两种使用方法
方法1、挑选相应图标并获取字体编码(如果字库发生过更新,编码会发生相应的变化,需要重新获取对应编码),应用于页面。
方法2、通过对应的css类名调用
H-ui字体图标文档链接:http://www.h-ui.net/Hui-3.7-iconfont.shtml
阿里巴巴Iconfont下载
Font Awesome3.0下载
第二步:引入
为了方便资源调用,尽量将.css 和字库文件放在一个文件夹下,不要随意拆开部署,防止无法正常加载字体文件。
Iconfont
<link href="lib/iconfont/iconfont.css" rel="stylesheet" type="text/css" />
Font Awesome
<link href="lib/font-awesome/font-awesome.min.css" rel="stylesheet" type="text/css" /> <!--[if IE 7]> <link href="lib/font-awesome/font-awesome-ie7.min.css" rel="stylesheet" type="text/css" /> <![endif]-->
第三步:调用
有两种使用方法
方法1、挑选相应图标并获取字体编码(如果字库发生过更新,编码会发生相应的变化,需要重新获取对应编码),应用于页面。
<i class="iconfont"></i>
方法2、通过对应的css类名调用
<i class="iconfont iconfont-yunshangchuan"></i>
H-ui字体图标文档链接:http://www.h-ui.net/Hui-3.7-iconfont.shtml
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- GUI - Web前端开发框架
- Web布局连载——两栏固定布局(五)
- JavaScript演示排序算法
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- [div+css]晒晒最新制作专题推广页模板
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析