在我的Vue 3项目中,我需要使用一些字体很棒的图标,但并非所有图标都很明显。但是如果我把图标加载为webfont,它会加载所有图标的所有信息。
如果我使用图标作为SVG,我就失去了使用图标作为字体的好处。例如:调整字体大小、颜色等
在Angular中,我可以使用<fa-icon ...>
标签来使用这样的图标。
如何只加载使用过的图标,但仍然保持字体行为的优势?
看看@unocss/预设图标,它会自动为您完成,您还可以访问其他图标。
它用于图标的CSS是不同的,它们不像字体那样使用,但人们仍然可以改变它们的颜色;通过设置相应的字体属性来调整大小。查看此帖子了解更多信息。