Layui自定义字体图标扩展

最新推荐文章于 2022-04-10 16:51:48 发布

William.ws

最新推荐文章于 2022-04-10 16:51:48 发布

阅读量1.2k

点赞数

文章标签： css LayUI html

本文链接：https://blog.youkuaiyun.com/qq_45432593/article/details/107064982

版权

本文详细介绍了如何在Layui中扩展和使用自定义字体图标，包括从阿里巴巴矢量图标库选择图标，将其添加到项目，以及通过font-class或unicode在HTML中应用图标，展示了通过修改css属性来改变图标的颜色和大小的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

本章给大家分享的是Layui的自定义字体图标。

图标扩展及使用方式

layui 的所有图标全部采用字体形式，取材于阿里巴巴矢量图标库（iconfont）。因此你可以把一个 icon 看作是一个普通的文字，这意味着你直接用 css 控制文字属性，如 color、font-size，就可以改变图标的颜色和大小。你可以通过 font-class 或 unicode 来定义不同的图标。

链接：阿里巴巴矢量图库
在这里插入图片描述