网站导航栏显示图标
本文最后更新于35天前，请注意内容是否还可用
图标字体库是一种将图标作为字体进行使用的方法。它将一个个图标（Glyphs）制作成一套字体文件（.ttf, .woff, .eot等），然后通过 CSS 的 @font-face 规则引入到网页中。用户在网页上看到的“文字”实际上就是这些图标字符。
主要优点
图标的大小和颜色可以通过CSS灵活控制
矢量无损缩放，可以无限放大而不失真，非常适合响应式设计和 Retina 屏幕。
使用简便，通常只需要引入一个 CSS 文件，然后像写文字一样用特定的类名即可使用。
可以像文字一样轻松地为其添加 CSS3 效果，如
text-shadow、opacity等。
ZBLOG导航栏显示图标方法
引入图标
<!-- 在<head>中添加，举例引入Font Awesome6 --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
复制图标类名到导航栏
进入你的网站后台→模块管理→导航栏
将图标类名复制到：图标（class 属性值）即可
关于隔壁老李主题
隔壁老李大部分主题内置了图标包，您无需再自己引入图标包。
在主题配置→帮助 中可以查看相关图标类名。
有用吗？
2025-10-10 13:41:12