vuepress使用icon字体图标出现无法加载问题

场景：在编写组件库文档时，我在input组件有一个功能是清除文字，后边有一个小角标是使用icon字体图标，但是不知道应该把字体图标的css ttf woff等文件放哪，下面我说一下方法，希望对大家有一些帮助。

第一步：在.vuepress/public下建一个icon文件夹

第二步：把iconfont.css内容放到index.styl文件中，这个文件在哪，大家可以从vuepress官网上找，自己按照官网建议的文件目录进行创建。

这时候运行会出现问题，显示不能resolvs woff ttf svg等文件，这时候我们不要急着去npm按照stylus和stylus-loader因为这些vuepress已经帮我们配置好了（在这方面我废了半天劲才发现，唉~，希望大家不要步我的后尘呐）。

第三步：改路径，从/font/开始,大家可以参考一下我改的路径。