From f1d5a9415e5d60030fa73be0e3b471617b5a8eb3 Mon Sep 17 00:00:00 2001 From: neverland <chenjiahan@youzan.com> Date: Tue, 5 Apr 2022 10:03:08 +0800 Subject: [PATCH] docs(Icons): update contribution guide (#10471) --- packages/vant-icons/contribution.zh-CN.md | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/packages/vant-icons/contribution.zh-CN.md b/packages/vant-icons/contribution.zh-CN.md index 222b9d8f1..87ad140f0 100644 --- a/packages/vant-icons/contribution.zh-CN.md +++ b/packages/vant-icons/contribution.zh-CN.md @@ -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 链接。 如果有新增图标，还需要更新以下文件：