打开阿里巴巴矢量图标库官网，注册登录。 搜索需要的图标

鼠标移到需要的图标上，点击购物车添加入库。

按照上述方法，把所需要的图标全部添加入库。点击导航栏购物车图标。

将图标添加至项目，新建项目或选择已有项目。

跳转到我的项目页面，选择Font class，下载到本地保存名为download .zip的压缩文件。

打开快码编程，新建单网页项目。新增一个名为字体图标的lcss文件，并引用。

调试运行一下。 解压下载的download.zip文件。

用记事本打开iconfont.css文件，将代码全部复制到字体图标.lcss文件；将解压文件中iconfont.ttf、iconfont.woff、iconfont.woff2这三个文件，复制到我们快码项目目录“fofDebug\DebugCode\字体图标使用\css”文件夹。

好了，看看效果。

源码地址：快码编程使用阿里巴巴字体图标的方法