IconFont 图标
2015-11-18 11:21
155 查看
第一步:使用font-face声明字体
第二步:定义使用iconfont的样式
第三步:挑选相应图标并获取字体编码,应用于页面
@font-face {font-family: 'iconfont'; src: url('iconfont.eot'); /* IE9*/ src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), /* chrome、firefox */ url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ }
第二步:定义使用iconfont的样式
.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>
相关文章推荐
- Kinect2.0系统配置要求
- NSMutableAttributedString 中添加表情
- led 偏绿偏黄
- 家里着急娶媳妇,程序猿该怎么办?
- [置顶] Oracle PL/SQL中编写空操作的存储过程
- [置顶] 《孙子兵法》在敏捷项目管理中的应用
- [置顶] 免费在线发送传真
- [置顶] 敏捷项目管理实战之团队自我管理
- [置顶] 敏捷项目管理实战之质量管理
- 本人媒体发表作品列表(持续更新)
- 使用decj简化Web前端开发(一):声明式Javascript动态加载和浏览器事件绑定
- Linux Shell 编程实战技巧
- Android学习系列(29)--App调试的几个命令实践
- 一个数据采集系统的设计及重要点
- json在java中的转换
- 盘点:IS到底是什么?国内外媒体用可视化告诉你
- 反汇编中关于IDA与OLLYDBG的使用
- 如何使用jquery easyui创建标签组件
- Spark 添加复用JDBC Schema功能
- 十、Maven外部依赖