html5 mui小图标,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、在你的页面文件中写

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

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