vsc使用iconfont库

在Visual Studio Code (VSCode) 中使用Iconfont库主要是为了集成个性化的图标到您的项目中，以便通过简单的HTML或Vue等前端框架引用这些图标。Iconfont是一种将矢量字体文件转换成各种常见图标集的服务，它提供了一个CSS类名和相应的Unicode值对应关系。

以下是使用Iconfont库的基本步骤：

1. **下载并注册Iconfont**: 首先，访问Iconfont官网(https://www.iconfont.cn/) 注册账号，并创建或选择一个图标集。

2. **获取图标CSS和Font文件**: 登录后，在你的图标集中选择需要的图标，复制其对应的CSS类名和@font-face规则。

3. **添加到项目**: 将Iconfont提供的`@font-face`样式复制到项目的CSS文件中，通常放在`fonts`目录下。如果使用Webpack等构建工具，记得配置路径别名。

4. **在HTML或模板中使用**:
- 使用`<i>`标签，例如 `<i class="iconfont icon-your-icon-class"></i>`，其中"icon-your-icon-class"替换为Iconfont CSS类名。

5. **设置字体前缀**: 如果遇到跨浏览器兼容性问题，可以在CSS中设置`font-family`时包含Iconfont的自定义前缀，如`.iconfont`。

6. **重启VSCode或刷新页面**: 为了让VSCode识别到新的图标，可能需要关闭并重新打开项目或刷新浏览器。