现在多数博客用 Font Awesome 图标库，虽能满足基本需求，但对喜欢多样风格的我们来说不够 —— 它没有彩色图标，个性化选项也较少，尤其彩色菜单图标选择有限。所以我们需要引入其他图标库，今天就分享 WordPress 如何引用阿里iconfont图标库的彩色图标。
阿里iconfont图标库由阿里体验团队打造，是国内最大、功能最全的矢量图标库，提供下载、存储、格式转换等功能，是设计师和前端开发的好工具，这里有各类免费图标可用。
![图片[1]-网站怎么引用阿里 iconfont 图标库？一篇教会-天域博客](https://uss.tianyubk.com/wp-content/uploads/2025/09/PixPin_2025-09-28_17-34-00-20250928-173401-1759080841-1024x315.png!upyun.tianyubk.image.01.webp)
开始教程
1. 进入官网
阿里矢量图标库网址：
![图片[2]-网站怎么引用阿里 iconfont 图标库？一篇教会-天域博客](https://uss.tianyubk.com/wp-content/uploads/2025/09/PixPin_2025-09-28_21-19-12-20250928-211914-1759094354-1024x467.png!upyun.tianyubk.image.01.webp)
2. 添加项目
然后自己通过搜索框找到自己喜爱的图标并
![图片[3]-网站怎么引用阿里 iconfont 图标库？一篇教会-天域博客](https://uss.tianyubk.com/wp-content/uploads/2025/09/PixPin_2025-09-28_21-20-49-20250928-212050-1759094450-1024x388.png!upyun.tianyubk.image.01.webp)
![图片[4]-网站怎么引用阿里 iconfont 图标库？一篇教会-天域博客](https://uss.tianyubk.com/wp-content/uploads/2025/09/PixPin_2025-09-28_21-21-15-20250928-212117-1759094477-1024x693.png!upyun.tianyubk.image.01.webp)
3. 获取JS代码
点击顶部菜单栏进入
![图片[5]-网站怎么引用阿里 iconfont 图标库？一篇教会-天域博客](https://uss.tianyubk.com/wp-content/uploads/2025/09/PixPin_2025-09-28_21-25-26-20250928-212529-1759094729-1024x558.png!upyun.tianyubk.image.01.webp)
点击
//at.alicdn.com/t/c/font_3800775_xxxxxxxxxxx.css© 版权声明
THE END
- 最新
- 最热
只看作者