如何在Vue 3项目中只加载使用过的Font Awesome图标



在我的Vue 3项目中,我需要使用一些字体很棒的图标,但并非所有图标都很明显。但是如果我把图标加载为webfont,它会加载所有图标的所有信息。

如果我使用图标作为SVG,我就失去了使用图标作为字体的好处。例如:调整字体大小、颜色等

在Angular中,我可以使用<fa-icon ...>标签来使用这样的图标。

如何只加载使用过的图标,但仍然保持字体行为的优势?

看看@unocss/预设图标,它会自动为您完成,您还可以访问其他图标。

它用于图标的CSS是不同的,它们不像字体那样使用,但人们仍然可以改变它们的颜色;通过设置相应的字体属性来调整大小。查看此帖子了解更多信息。

最新更新