HTML5+DCloud--MUI--自定义tabbar图标

官方链接：http://ask.dcloud.net.cn/article/128

额，中英文字母打错！！！坑了一个多小时，默默的蹲在角落里/(ㄒoㄒ)/~~

读者谨记！！！！！！！！！！！！

1、进入 ：http://iconfont.cn/    把你选好的图标放入购物车，之后点击“存储为项目”，输入项目名字，随意写，点击“存储”按钮后，会跳转到项目管理页面，

2、点击“下载到本地”按钮，会将合并后的字体文件及自动生成的css全部下载，如下：

3、把iconfont.css和iconfont.tff文件分别拷贝到项目文件css和fonts下。打开iconfont.css文件如下：

4、修改url如下：（千万不要写错哦！！！）

5、在你的页面文件中写

<link href="css/iconfont.css" rel="stylesheet"/>

6、将mui默认的icon（如mui-icon-home）替换成iconfont iconfont icon-shouyeshouye，修改后预览效果如下：

大家动手试试就知道了！！！敲出来才是最好的！！

作者：一首白城
链接：http://www.jianshu.com/p/d3bfc9d2e86c
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。