使用图标为网页增添小细节
💡
原文中文，约5400字，阅读约需13分钟。
📝
内容提要
本文介绍了在网页中使用图标库的方法，推荐使用SVG格式的图标，并介绍了使用CSS和字体文件的方法。图标可以用于装饰导航栏和列表。
🎯
关键要点
-
文章介绍了在网页中使用图标库的方法，推荐使用SVG格式的图标。
-
作者从Docsify转向Vuepress，认为Vuepress生态完善但对新手不友好。
-
作者喜欢Remixicon图标库，认为其比例适合、线条优美。
-
图标在网页设计中是重要的细节，能提升用户体验。
-
目前可用的图标库有很多，Remixicon是作者的首选。
-
SVG是一种Web友好的矢量文件格式，适合用于图标。
-
可以直接复制SVG代码并在网页中使用，SVG是基于XML的标记语言。
-
解决SVG与文字高度不一致的问题可以通过调整文字大小。
-
推荐使用CSS和字体文件在网页中加入图标，下载后需正确引入CSS文件。
-
使用图标时需在标签中添加class属性，值为对应图标的名称。
-
示例展示了如何使用图标装饰导航栏和列表，增强网页的实用性。
➡️
