获取网页字体图标(iconfont)--上传阿里图标项目

77 阅读1分钟

前言:当我们模仿一个网站写项目时,可能会需要将网页的字体图标下载下来,放到自己的项目上使用,而不用去图标库一个一个找,有时候还找不到满意的图标,通过爬取网页的字体图标,大大减少了查找的时间,然后就可以开开心心码了。

使用到的工具:

  1. 字体文件格式转换
  2. 在线字体编辑器
  3. 阿里图标库

直接上例子操作:

1、打开目标网站,F12打开后台(或右键检查);按如下操作下载字体文件。

image.png

2、将woff2文件通过工具1(字体文件格式转换)转换为woff或者tff。

image.png

image.png

3、文件下载下来后就解压,把tff文件解压出来,然后打开工具2(在线字体编辑器)使用;新建-->打开文件

image.png

4、导入来后的效果如下图,然后进行如下操作,选中,导出字形,下载svg

image.png image.png

5、导入工具3(阿里图标库)自己的项目,等待审核;

image.png image.png

结语:到这里基本就完成了获取网页字体图标上传自己的项目啦。需要帮助的话请私信或留言哈!