uni-app如何使用icons字体

官方演示里面有icons,官方文档却没有说明，还有如果我想使用谷歌字体material-design-icons，应该如何在uni-app里面使用，直接在vue文件里面通过@import引用本地css报错。

21:06:01.590 项目 'app' 开始编译...
21:06:03.256 [提示] 如编译时间较长，请注意将本工程目录从杀毒软件、搜索索引软件的监控名单移除。
21:06:07.421 [21:06:07] [ERROR] Failed to compile with 4 errors21:06:07
21:06:07.421 These relative modules were not found:
21:06:07.423 ./MaterialIcons-Regular.eot in ./~/css-loader?{"minimize":false,"sourceMap":false}!./lib/mpvue-loader/lib/style-compiler?{"vue":true,"id":"data-v-63c6cac2","scoped":false,"hasInlineConfig":false}!./~/px2rpx-loader?{"baseDpr":1,"rpxUnit":1}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./~/postcss-loader/lib?{"config":{"path":"D://360安全浏览器下载//HBuilderX//HBuilderX//plugins//uniapp//.postcssrc.js"},"sourceMap":true}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./lib/mpvue-loader/lib/selector.js?type=styles&index=0!C:/Users/Administrator/Documents/HBuilderProjects/app/pages/index/index.vue
21:06:07.425 ./MaterialIcons-Regular.woff2 in ./~/css-loader?{"minimize":false,"sourceMap":false}!./lib/mpvue-loader/lib/style-compiler?{"vue":true,"id":"data-v-63c6cac2","scoped":false,"hasInlineConfig":false}!./~/px2rpx-loader?{"baseDpr":1,"rpxUnit":1}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./~/postcss-loader/lib?{"config":{"path":"D://360安全浏览器下载//HBuilderX//HBuilderX//plugins//uniapp//.postcssrc.js"},"sourceMap":true}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./lib/mpvue-loader/lib/selector.js?type=styles&index=0!C:/Users/Administrator/Documents/HBuilderProjects/app/pages/index/index.vue
21:06:07.432 ./MaterialIcons-Regular.woff in ./~/css-loader?{"minimize":false,"sourceMap":false}!./lib/mpvue-loader/lib/style-compiler?{"vue":true,"id":"data-v-63c6cac2","scoped":false,"hasInlineConfig":false}!./~/px2rpx-loader?{"baseDpr":1,"rpxUnit":1}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./~/postcss-loader/lib?{"config":{"path":"D://360安全浏览器下载//HBuilderX//HBuilderX//plugins//uniapp//.postcssrc.js"},"sourceMap":true}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./lib/mpvue-loader/lib/selector.js?type=styles&index=0!C:/Users/Administrator/Documents/HBuilderProjects/app/pages/index/index.vue
21:06:07.433 ./MaterialIcons-Regular.ttf in ./~/css-loader?{"minimize":false,"sourceMap":false}!./lib/mpvue-loader/lib/style-compiler?{"vue":true,"id":"data-v-63c6cac2","scoped":false,"hasInlineConfig":false}!./~/px2rpx-loader?{"baseDpr":1,"rpxUnit":1}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./~/postcss-loader/lib?{"config":{"path":"D://360安全浏览器下载//HBuilderX//HBuilderX//plugins//uniapp//.postcssrc.js"},"sourceMap":true}!./lib/preprocessor-loader.js?{"type":"js","context":{"APP-PLUS":true}}!./lib/mpvue-loader/lib/selector.js?type=styles&index=0!C:/Users/Administrator/Documents/HBuilderProjects/app/pages/index/index.vue