ionic自定义图标心得分享
2016-11-15 19:51
211 查看
转载地址:http://m.blog.csdn.net/article/details?id=49469523, 很好的一篇文章,记录一下
有时候我们需要修改tabs或者其他的ionic的图标,虽然ionic系统提供了很多,但如果想使用其他的,之前以为只能用png来设置background,但效果并不好;最近发现了很好的方法,跟大家分享。
是无意中看到这个帖子add
icons 才发现的。
1、两个网站
一个是
阿里图标库 这里面几乎能满足很多人的需要了http://www.iconfont.cn/
一个是
icomoon 下面提到https://icomoon.io/
2、ionic提供给我们的icon主要是放在www/lib/ionic/fonts/ 目录下的4各文件:ionicons.eot ionicons.svg ionicons.ttf ionicons.woff实现的,至于这四个文件是啥我也不是很懂,然后在ionic.css里面有定义各个图标;所以我们自定义的图标也应该一样,找到方式就剩怎么生成这4个文件。
有时候我们需要修改tabs或者其他的ionic的图标,虽然ionic系统提供了很多,但如果想使用其他的,之前以为只能用png来设置background,但效果并不好;最近发现了很好的方法,跟大家分享。
是无意中看到这个帖子add
icons 才发现的。
1、两个网站
一个是
阿里图标库 这里面几乎能满足很多人的需要了http://www.iconfont.cn/
一个是
icomoon 下面提到https://icomoon.io/
2、ionic提供给我们的icon主要是放在www/lib/ionic/fonts/ 目录下的4各文件:ionicons.eot ionicons.svg ionicons.ttf ionicons.woff实现的,至于这四个文件是啥我也不是很懂,然后在ionic.css里面有定义各个图标;所以我们自定义的图标也应该一样,找到方式就剩怎么生成这4个文件。
相关文章推荐
- ionic自定义图标心得分享
- 苹果风格:分享一组免费的自定义 MacOS 图标
- 微信分享朋友圈分享代码自定义标题、说明、图标和分享链接
- 第三方网站接入微信JS-SDK的分享自定义设置,微信分享小图标以及标题
- ionic3自定义tabs图标
- 微信开发--微信分享自定义图标和标题
- 图标设计:分享“游戏中心”的绘制方法和心得
- ionic(mui、elementUI)自定义字体图标
- ionic项目中使用自定义图标
- ionic3自定义icon图标(简单版!)
- ionic ion-tab图标修改, 自定义tab图标
- PHP+微信分享自定义小图标
- 使用ionic开发手机app中,设置tab中的icon为自定义图标的方法
- umeng(Android)分享遇到的问题和心得,我只要分享(自定义pannel)(微信、朋友圈、QQ、QQ空间、微博分享)
- ionic项目中使用自定义图标打包出现错误-broken import
- ionic2 tabs 图标自定义实例
- 苹果风格:分享一组免费的自定义 MacOS 图标
- [置顶] 如何实现shardSDK分享以及自定义图标实现
- ionic3之自定义tabs菜单图标
- ionic3 tab实现自定义图片替换字体图标