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

文章最后更新时间:2022年07月18日已超过1408天没有更新。

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

教学内容

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

image.png

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

image.png

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

image.png

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

image.png

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

总结

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


© 除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处

取消
微信二维码
微信二维码
支付宝二维码