字体编辑器 — 在线矢量字体编辑利器
Fonteditor 是一款基于浏览器的开源字体编辑器，支持 TTF、WOFF、WOFF2、OTF、SVG 字体、EOT 等多种字体格式的导入与在线编辑。原版的功能框架其实已经很全面了，但界面比较简陋，不少功能没有做到页面上，整体布局用起来也不太顺手。所以我按自己的使用习惯改了一版，把界面全面现代化，同时把原来藏在代码里的能力都搬到了页面上。
改了什么
UI 全面改版
桌面软件风格导航栏：顶部菜单栏采用卡片式背景与阴影，下拉菜单统一圆角，hover 高亮
字形列表卡片化：每个字形以卡片形式展示，带圆角、阴影、hover 缩放效果
编辑器弹窗模式：字形编辑器以居中弹窗打开（覆盖 90% 区域），带半透明遮罩和打开/关闭动画
配色优化：编辑器内辅助线、网格线、度量线、字体层等重新配色，更加柔和专业
图标扩充：新增编辑、删除、复制、粘贴、撤销、重做等操作图标
编辑器增强
五种绘图工具：顶部工具栏支持选择、矩形、椭圆、钢笔、文字工具
约束绘图：矩形/椭圆工具按住 Shift 可约束比例绘制正方形/正圆
钢笔手绘：基于压感笔迹，可调笔触大小、开关笔锋效果
文字工具：支持选择系统字体、调整字号、加粗、斜体
实时坐标显示：鼠标移动时实时显示坐标，选中的字形显示宽高
撤销 / 重做：编辑器内支持完整的撤销和重做操作
保存确认：关闭编辑器时若存在未保存修改，自动弹出确认对话框
右键菜单
字形列表右键菜单：在字形列表上右键弹出上下文菜单，支持编辑、复制、剪切、粘贴、删除、调整位置、调整字形、设置 unicode、设置名称、下载、查找等操作
功能新增
打开字体自动创建项目：打开字体文件时自动创建新项目，直接使用字体名称作为项目名称
导入字体预览选择：导入字体时弹出窗口，可浏览并勾选需要导入的字符，支持全选
导入冲突处理：遇到相同 unicode 时，可选择向后顺延或覆盖
简化字体：按《通用规范汉字表》一键精简字体，支持常用 3500 字、6500 字、8105 字、仅英文、自定义字符集五种模式，自定义内容自动保存
菜单调整
导入 / 导出统一放在「文件」菜单下
「新建字形」移至「编辑」菜单
怎么用
编辑器界面
打开后直接进入项目列表或编辑器，界面主要分四个区域：
顶部 — 菜单栏 + 工具栏：文件/编辑/工具/帮助等菜单，以及五种绘图工具
左侧 — 项目与字形列表：显示当前项目的所有字形，支持搜索和右键操作
中间 — 编辑器弹窗：双击字形后弹出，包含绘图区和参数面板
底部 — 状态栏：显示坐标、尺寸、提示信息等
基本流程
新建 / 打开 → 菜单「文件」→「新建」创建空白项目，或「打开」导入现有字体文件
浏览字形 → 左侧字形列表查看所有字符，支持搜索定位
编辑字形 → 双击字形打开编辑器，选择工具进行绘制或修改
调整参数 → 根据选中工具，顶部动态显示对应参数控件
保存导出 → 菜单「文件」→「导出」，支持 TTF、WOFF、WOFF2、OTF、SVG、EOT 等格式
特色功能
注意事项
纯前端应用，所有操作在浏览器本地完成，不会上传任何数据
推荐使用 Chrome 获得最佳体验
编辑器弹窗模式下点击半透明遮罩层可关闭
数据不自动保存，编辑完成后记得导出字体文件
技术信息
协议：MIT License
技术栈：JavaScript、Canvas、SVG
浏览器支持：Chrome、Firefox、Safari 等现代浏览器