如何将iconfont字体图标导入到HBuilderX

    最近刚开始学习使用HBuilderX,还不会导入字体图标，看了好多篇文章，还是没有学会（可能是自己太笨了...），终于在一个视频上学习到了方法，想着也是给自己留一个记录，也分享给大家（文章是原创，方法是学习到的哈哈哈）

第一步：登录iconfont官方网址

iconfont-阿里巴巴矢量图标库

第二步：点击图标库，选择需要类型的图标（可以搜索：商务图标，环境，医疗，等等） 

           &点进去后将需要的小图标，添加到购物车中（此步骤前需要注册账号，一次只能添加20个图标到购物车里）

                        &然后将它们添加至项目（没有项目的话选择新建一个项目，然后把这些图标加进去）

 第三步：下载至本地（点击在线链接那里可以获得代码，也是下面的步骤需要用到的）

 第四步：将下载的压缩包解压

 第五步：打开我们的HBuilderX,在我们的项目里新建一个目录（可命名为font），然后将上图downlode文件打开，把这几个迁移到font文件里面（得到右图）

 第六步：打开iconfont.css把本地资源替换成在线资源（改成在第三步里说过的那个代码，直接复制就可以了）

            还有很重要的一步：打开HBuilderX项目列表里的uin.scss，在里面加一行代码进行全局导入(因为这个图标是每个页面都需要用到的，是一个全局的样式）

@import'@/font/iconfont.css';

 第七步：写个代码看看吧------在<text></text>里面添加字体图标的“代码”（在下载的downlode文件中点击  demo_index.html   就可以找到对应图标的“代码”了

 在下面的style里可以设置图标的一些样式（大小，颜色等）

     分享就到这了，谢谢大家耐心看完。