hbuilder真机运行时，手机上无法显示自定义的iconfont图标

在hbuilder上自带的窗口上运行时，自定义的阿里iconfont图标可以正常显示，但是真机运行时，在手机上只能显示mui自带的图标库，无法显示自定义的iconfont字体。iconfont.ttf文件路径没出错，也在页面上引入了iconfont.css文件，测试手机是小米note2，安卓5.0.2，支持自定义图标，实在找不出问题在哪里，求各位大神解答！！！下面是iconfont.css文件和.html文件的部分代码以及hbuilder的窗口上运行正常显示的截图


下面是真机运行时手机的运行结果截图