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

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

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


以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作有参考学习价值
喜欢请点击上方【分享】,如果对您有帮助可点击上方【打赏】打赏本站。谢谢大家对阿豪运维笔记的支持。

文章作者: 阿豪运维笔记(阿豪同学)
本文链接:
文章版权:站长码字很辛苦,除非注明,否则均为阿豪运维笔记原创文章,转载或复制请以超链接形式并注明出处。

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