https://github.com/huarongsao/iconfont-tools
iconfont，小程序彩色图标方案，小程序彩色iconfont生成工具
https://github.com/huarongsao/iconfont-tools
Last synced: about 2 months ago
JSON representation
iconfont，小程序彩色图标方案，小程序彩色iconfont生成工具
- Host: GitHub
- URL: https://github.com/huarongsao/iconfont-tools
- Owner: HuaRongSAO
- Created: 2019-09-18T01:19:40.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-02-21T03:11:13.000Z (over 2 years ago)
- Last Synced: 2024-11-08T17:42:40.398Z (7 months ago)
- Language: JavaScript
- Size: 1.89 MB
- Stars: 75
- Watchers: 2
- Forks: 22
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# iconfont-tools
适用于 iconfont 彩色图标的提取
## 特性
- 生成原生通用组件 icon
- 生成夸平台可用的 iconfont-weapp.css 文件
- 本地生产，也可以远程生成
## 如何安装
方式一：
> 需要下载，iconfont 的字体文件包，将其解压
```shell
npm i -g iconfont-tools
cd project/asset/font_hiytajitqeu // 进入图标文件所在文件夹
iconfont-tools // 生成小程序专用文件
```
方式二：
> 无需下载字体包，但是需要在 iconfont 生成在线链接
```shell
npm i -g iconfont-tools
# 复制在线链接 //at.alicdn.com/t/font_717026_fqwb5om0rvk.js
iconfont-tools --from //at.alicdn.com/t/font_717026_fqwb5om0rvk.js --to ./output/dir-path
```
参数：
- --from: iconfont 在线链接
- --to： 生成目标路径，可以是绝对路径，也可以是相对路径。 dome： /home/chr/project/style ./style
## 小程序 如何使用
- 1.直接引用样式
```HTML
```
- 2.使用组件 icon
page.json
```json
{
"usingComponents": {
"icon": "/path/to-icon/icon"
}
}
```
page.wxml
```HTML
```
## 实现原理
[click](./docs/README.md)
## 演示
