二手项目iconfont字体图标svg找回的几种情况

前提:接手旧项目,项目中有字体图标。但是没有阿里巴巴图标库线上地址了,如果要新增图标怎么办?

三种方式对应以下的三种情况:

  • 重新在阿里巴巴图标库管理所有图标
    (1)有svg文件直接转出来,上传到阿里巴巴自己管理
    (2)仅有css文件,src中的url是base64.那就先将base64转为svg,再操作第一步

  • 直接快速添加下载好的svg

  • 工具地址:
    (1) 包含所有svg的文件在线查看所有svg图标
    (2) 各种互转,这个好用:ttf转为base64,svg
    (3) 备用: ttf转为svg

    情况一、有后缀为svg的文件,直接去找个线上地址转为svg,重新上传到自己新建的阿里巴巴图标库
    企业微信截图_b74d0663-78dd-47ba-93b9-9e1065504523.png
    进一步:注意上面的截图红色圈圈可以发现:原项目是没有ttf或者woff文件的,是将ttf转为了base64。那我们新增的eyes是不是也可以这样呢?可以的
  • 将ttf转为base64. 在线转换地址