Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/YMFE/yicon
可部署的矢量字体图标(IconFont)管理平台
https://github.com/YMFE/yicon
cas-sso iconfont iconfont-build iconfont-platform iconpicker yicon ymfe
Last synced: about 1 month ago
JSON representation
可部署的矢量字体图标(IconFont)管理平台
- Host: GitHub
- URL: https://github.com/YMFE/yicon
- Owner: YMFE
- License: apache-2.0
- Created: 2016-05-30T09:08:16.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-06-07T13:56:04.000Z (7 months ago)
- Last Synced: 2024-11-07T02:13:12.564Z (about 2 months ago)
- Topics: cas-sso, iconfont, iconfont-build, iconfont-platform, iconpicker, yicon, ymfe
- Language: JavaScript
- Homepage: https://yicon.ymfe.org/
- Size: 41.7 MB
- Stars: 366
- Watchers: 31
- Forks: 78
- Open Issues: 9
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
YIcon 是一个集图标上传、展示、使用于一身的字体图标管理平台。目的为采用 Iconfont 字体图标替换项目中图片图标的使用,以达到缩减体积、风格统一、提高开发效率等目的。不同的部门可以申请在平台上创建大库,业务线可以选择需要的图标添加到购物车,保存成项目之后进行维护。它可以方便的将 SVG 图标转换为字体图标,提供给 UI/UE 和前端开发使用。
![flow](http://wx4.sinaimg.cn/large/c4b5f11bly1fee8koeoouj21kw0l6q9g.jpg)
## 优势
与传统制作图标的方式相比,它拥有如下优势:
1. **严格的审核流程** 图标上传后用户会进行一次编辑,之后会提交到审核,被大库的管理员审核通过后方能入库;
2. **可控的项目版本** 我们的项目每次变动之后再下载,就会生成新的版本,因此在项目中产生的所有版本都可以追溯查看;
3. **完善的权限管理** 我们拥有超管后台,可以自由的控制大库、项目管理员的权限。## 编码控制
我们的字体使用的都是 unicode 编码,尽管大部分编码都有其固定作用,但 unicode 留出了一个[『私用区』](https://unicode-table.com/cn/#cjk-unified-ideographs)可以用来进行字体扩展,这一区域的码值范围是:**E000 - F8FF**。
我们的字体站规定的码值范围严格按照 unicode 私用区范围,每个上传的新字体都会从 E000 开始生成一个全站唯一固定的编码,之后就不会变动。这样用户在添加到项目或从删除删除时,图标的码值也不会发生改变,增强用户的体验。
尽管在 CSS3 支持了 font-face 的前提下,可以给图标字体加上特定样式以便确保其正确显示,但还是建议将码位落在私用区内以防止引起其他不必要的问题。因此我们字体站推荐的字体容量为 6400 个,在大多数场景下这个数量已足够使用。
如果某个图标废弃不用,可以采用替换的方式才修改其显示,以保证编码不被浪费。
如果你是去哪儿网内网用户,请[直接访问该站点](http://iconfont.corp.qunar.com)。