uniapp中阿里图标库不能使用

今个刚开始学习uniapp，想着引入个自定义的阿里图标库吧，发现引入了一直不起作用，一直以为是自己的错误，最终发现并不是。看完文章，保证帮你解决这个问题，我也记录一下学习小程序的坑。

在uniapp中，阿里图标库是一个非常受欢迎的图标库，包含了数千个矢量图标，可以很方便地用于开发应用程序。然而，在实际开发中，有些开发者可能会发现，无论是在安卓设备还是在iOS设备上，阿里图标库都无法使用。

首先，阿里图标库不能使用可能是由于阿里图标库的依赖问题。在uniapp中，阿里图标库需要依赖一个名为“@/static/fonts/iconfont.ttf”的字体文件。如果这个字体文件不正确或不存在，阿里图标库就无法工作。因此，我们需要检查一下项目中这个字体文件是否存在，并且是否被正确引用。

如果确保字体文件存在并且被正确引用，但阿里图标库仍然无法使用，那么可能是由于字体文件的格式问题。在一些旧版本的uniapp中，可能存在字体文件格式不正确的问题。如果你使用的是旧版本的uniapp，建议升级到最新版本，或手动转换字体文件格式。

另外，有些开发者可能会把阿里图标库的CSS文件放在项目的公共CSS中，这也可能会导致阿里图标库无法使用。这是因为公共CSS文件可能会被不同的组件或页面同时引用，而阿里图标库的CSS文件中可能包含了一些全局定义的样式，导致组件或页面之间相互干扰。为了解决这个问题，应该把阿里图标库的CSS文件放置在需要使用图标的组件或页面中，并通过“@import”或“<link>"