ionic2 中使用iconfont

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>

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

推荐阅读更多精彩内容

  • 使用HTML5开发App（四）
    本人ios初学者，为自己学习方便，复制各位大神的学习性文章放在自己简书里，仅作为自己学习方便使用，如果作者疑此行为...
    bu再等阅读 2,126评论 1赞 3
  • iconfont的使用
    1、登录iconfont，（阿里图标库），点开图标，选择需要的图标，添加到库里（点击购物车标志）； 2、点击添加至...
    Doit的谎言阅读 1,800评论 0赞 0
  • week3_实战作业
    body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoot...
    wangyw阅读 594评论 0赞 0
  • 神秘的月子
    月子是每个未生孩子的女人谈虎色变的事情，又是每个经历过的女人能说出一堆故事的“惨痛经历”。我刚刚走过产褥期的...
    阿依达阅读 265评论 4赞 2
  • 给于頉
    刚刚去看了看初恋空间以前给他的留言 已经想不起来那时候的感觉了 就好像在看别人的故事 但还是能够真真切切的感受到那...
    归海一刀他爹阅读 450评论 0赞 0