当前博客:快码编程使用阿里巴巴字体图标的方法

208 次浏览【转载需注明来源】

博客作者:【唯一】

个性签名:寒窗苦读十年一朝凤舞九天

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

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

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

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

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

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

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

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

好了,看看效果。

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

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