记录下网站加载阿里巴巴iconfont矢量图标库本地化过程

  打开阿里巴巴iconfont矢量图标库官网打算更新导航栏图标,发现之前的CDN链接不可用了,暂不支持CDN链接,需要下载到本地,记录下以免下次要更改的时候忘记怎么修改了!

  教学内容

  1、首先登入阿里巴巴iconfont矢量图标库官网,调整好图标后,选择我的项目 >> 选择 Font class >> 下载到本地

  image.png

  2、解压下载的压缩包,得到如下文件

  image.png

  3、上传如下图红色框内的文件到网站需要放置的目录下

  image.png

  4、修改文件 iconfont.css 中的 woff2, woff ,ttf 字体为实际URL地址

  image.png

  5、最后网站加载调用 iconfont.css 文件的URL地址

  总结

  大功告成,就只需要上传CSS样式和字体文件然后调用URL链接就可以了,教程没啥技术含量,网上也有很多类似的教程,谈不上原创,仅仅记录下。