# iconfont

**Repository Path**: cestr/iconfont

## Basic Information

- **Project Name**: iconfont
- **Description**: 字体图标库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-10-17
- **Last Updated**: 2022-10-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: cest
 * @Date: 2022-10-17 16:13:50
 * @LastEditTime: 2022-10-17 16:30:15
 * @LastEditors: cest
 * @FilePath: /iconfont/README.md
 * @Description: 编辑描述内容
-->
# 微信小程序、uni-app 使用 iconfont-tools 将 iconfont 彩色字体图标组件化并使用

## 安装 `iconfont-tools`

```shell
npm i -g iconfont-tools
```

> 全局安装工具

## 下载 iconfont 并使用工具

```shell
# 下载的 iconfont.js 目标文件下, 一直回车即可
iconfont-tools
```

生成 `iconfont-wapp` 文件

![输入图片说明](https://foruda.gitee.com/images/1665993720715199504/320d7e7e_554814.png "屏幕截图")

![输入图片说明](https://foruda.gitee.com/images/1665994558529017024/1b748c15_554814.png "屏幕截图")

> 一直回车, 默认是 `t-icon` 前缀

非 sass 小程序用 `.wxss` 即可，sass 小程序和 uniapp 可以用 `.css`

## 添加到项目

![输入图片说明](https://foruda.gitee.com/images/1665994733862613998/fb43001c_554814.png "屏幕截图")

效果：
![输入图片说明](https://foruda.gitee.com/images/1665994790792530135/5fbb729c_554814.png "屏幕截图")