博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic2 中使用iconfont
阅读量:7097 次
发布时间:2019-06-28

本文共 713 字,大约阅读时间需要 2 分钟。

1. 在 主目录\node_modules\ionic-angular\fonts放入需要使用的iconfont字体文件

2. scss中申明字体文件(新建scss后别忘记引用 )

```

@font-face {font-family: "iconfont";src: url('../fonts/iconfont.eot'); /* IE9*/src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */}.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;}

```

3.使用图标

```

<i class="iconfont"></i>

```

转载地址:http://yueql.baihongyu.com/

你可能感兴趣的文章
一段小程序(Perl vs. Ruby)
查看>>
给你13个圆你会用它做什么 |开脑洞(文末有彩蛋)
查看>>
《UML面向对象设计基础》—第1章1.4节对象标识
查看>>
物理自我的未来:控制论、身体交换和基因工程
查看>>
《AngularJS高级程序设计》——5.8 比较undefined和null值
查看>>
PowerBuilder窗口设计
查看>>
算法之简单排序
查看>>
并发实战题(一)
查看>>
如何在Linux里使用xargs命令
查看>>
《Spark大数据分析:核心概念、技术及实践》一3.3 应用运行
查看>>
《精通 ASP.NET MVC 3 框架(第三版)》----1.5 ASP.NET MVC 3的新特性
查看>>
Storm-源码分析-acker (backtype.storm.daemon.acker)
查看>>
那些年,任天堂发布的游戏机们
查看>>
如何让你的 Docker 镜像更小
查看>>
《C++编程惯用法——高级程序员常用方法和技巧》——1.6 问题
查看>>
阿里数据库内核月报:2015年07月
查看>>
《JavaScript设计与开发新思维》——2.7 小结
查看>>
在Linux命令行下令人惊叹的惊叹号(!)
查看>>
聊聊我对Java内存模型的理解
查看>>
《Git学习指南》——2.3 Git的协作功能
查看>>