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

阿豪运维笔记 07-17 302阅读

文章最后更新时间:2022年07月18日

打开阿里巴巴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链接就可以了,教程没啥技术含量,网上也有很多类似的教程,谈不上原创,仅仅记录下。


若文章图片、下载链接等信息出错,请联系反馈,博主将第一时间更新!如果喜欢本站,请打赏支持本站,谢谢!
文章版权声明:除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。

目录[+]

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