docs(Icons): update contribution guide (#10471)

This commit is contained in:
neverland 2022-04-05 10:03:08 +08:00 committed by GitHub
parent 9c9cce00ea
commit f1d5a9415e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -14,7 +14,12 @@ Vant 图标库托管在 [iconfont.cn](https://iconfont.cn) 上,同时仓库中
在 Sketch 中绘制所需的图标,并更新到 `assets/icons.sketch` 文件中。
绘制图标前,请阅读:[iconfont - 图标绘制](https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.16&helptype=draw)。
绘制图标,请遵循以下图标规范:
- 首先要遵循 [iconfont - 图标绘制](https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.16&helptype=draw) 中的基本规则,保证图标可以正确上传到 iconfont。
- 建议采用 `18x18` 规格绘制图标,图标的四周留出 `1px` 空隙,绘制完成后放大至 `1000x1000`
- 绘制线框风格图标时,线条的标准宽度为 `1px`(放大后为 `55.55px`)。
- 线框风格图标如果有对应的实底风格图标,需要为名称添加 `-o` 后缀,比如 `star-o``star` 为一组对应的图标。
### 2. 上传图标
@ -26,10 +31,10 @@ Vant 图标库托管在 [iconfont.cn](https://iconfont.cn) 上,同时仓库中
### 3. 更新代码
在 iconfont 中更新后的图标库下载到本地,并更新以下文件:
在 iconfont 中更新图标库代码,将新代码下载到本地,并更新以下文件:
- `src/index.less`: 更新字体文件的 CDN 链接。
- `src/encode-woff2.less`: 更新字体文件的 base64 URL。
- `src/encode-woff2.less`: 更新字体文件的 base64 URL 和 CDN 链接
如果有新增图标,还需要更新以下文件: