• Stars
    star
    367
  • Rank 116,257 (Top 3 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created over 8 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

可部署的矢量字体图标(IconFont)管理平台

YIcon 是一个集图标上传、展示、使用于一身的字体图标管理平台。目的为采用 Iconfont 字体图标替换项目中图片图标的使用,以达到缩减体积、风格统一、提高开发效率等目的。不同的部门可以申请在平台上创建大库,业务线可以选择需要的图标添加到购物车,保存成项目之后进行维护。它可以方便的将 SVG 图标转换为字体图标,提供给 UI/UE 和前端开发使用。

flow

优势

与传统制作图标的方式相比,它拥有如下优势:

  1. 严格的审核流程 图标上传后用户会进行一次编辑,之后会提交到审核,被大库的管理员审核通过后方能入库;
  2. 可控的项目版本 我们的项目每次变动之后再下载,就会生成新的版本,因此在项目中产生的所有版本都可以追溯查看;
  3. 完善的权限管理 我们拥有超管后台,可以自由的控制大库、项目管理员的权限。

编码控制

我们的字体使用的都是 unicode 编码,尽管大部分编码都有其固定作用,但 unicode 留出了一个『私用区』可以用来进行字体扩展,这一区域的码值范围是:E000 - F8FF

我们的字体站规定的码值范围严格按照 unicode 私用区范围,每个上传的新字体都会从 E000 开始生成一个全站唯一固定的编码,之后就不会变动。这样用户在添加到项目或从删除删除时,图标的码值也不会发生改变,增强用户的体验。

尽管在 CSS3 支持了 font-face 的前提下,可以给图标字体加上特定样式以便确保其正确显示,但还是建议将码位落在私用区内以防止引起其他不必要的问题。因此我们字体站推荐的字体容量为 6400 个,在大多数场景下这个数量已足够使用。

如果某个图标废弃不用,可以采用替换的方式才修改其显示,以保证编码不被浪费。

如果你是去哪儿网内网用户,请直接访问该站点

More Repositories

1

yapi

YApi 是一个可本地部署的、打通前后端及QA的、可视化的接口管理平台
JavaScript
27,288
star
2

ydoc

🐶YDoc 是一个更懂你的文档站构建工具,基于 markdown 轻松生成完整静态站点
HTML
674
star
3

ykit

基于 Webpack 的灵活快速的打包工具,帮助稳定高效构建现代 JavaScript 应用。
JavaScript
392
star
4

qreact

QReact 是去哪儿网 YMFE 团队推出的 100% 兼容官方 React 的迷你框架
JavaScript
308
star
5

cross-request

A chrome extension that gives the html page cross-domain request capability.
JavaScript
275
star
6

yapi-cli

YApi可视化接口管理平台部署工具
JavaScript
47
star
7

yapi-plugin-qsso

YApi可视化接口管理平台 qsso 登录插件
JavaScript
43
star
8

yshow

最好的移动端网页自动生成平台
28
star
9

ySniff

更全面的浏览器检测工具
JavaScript
22
star
10

yStorage

完善的本地存储封装
JavaScript
18
star
11

yGesture

移动端手势库
JavaScript
17
star
12

YIcon-Docker

YIcon Docker Image
JavaScript
15
star
13

yicon-builder

YIcon矢量字体图标管理平台部署工具
JavaScript
8
star
14

qreact-ie-demo

低版本 IE 下 QReact (https://github.com/YMFE/qreact) 示例
JavaScript
4
star
15

ykit-config-seed

ykit 插件的初始模板
JavaScript
4
star
16

ydoc-demo

sample application of ydoc
4
star
17

qreact-cli

qreact 脚手架
JavaScript
3
star
18

ykit-config-mock

ykit mock plugin
JavaScript
3
star
19

nanachi

小程序相关 https://rubylouvre.github.io/nanachi/
HTML
2
star
20

nanachi-runtime

runtime for nanachi
1
star
21

ykit-config-ssr

ykit + react + react-router-v4 + ssr 插件
JavaScript
1
star
22

ykit-config-ts

YKit-TypeScript 配置和脚手架
JavaScript
1
star
23

ykit-config-react

JavaScript
1
star
24

yicon-problem-code

维护 YIcon 平台所检测到的各种手机及系统所占用的可用区编码
1
star
25

ydoc-plugin-pangu

YDoc 插件,自动替你在网页中所有的中文字和半形的英文、数字、符号之间插入空白(盘古之白)
JavaScript
1
star