Slop Font 指南

Slop Font 入门

Slop Font 是浏览器中的字体编辑器。你的字体保存在这台设备上，不会上传任何内容。

打开 Slop Font

页面

左侧是字形网格：每个字符对应一个方框，未绘制时为虚线。中间有三个视图：“绘制”（字形编辑器）、“字距”和“字体测试”。右侧面板包含字形的宽度和侧边距、字符、手写模板、导出、字体的名称和许可证，以及字体度量。

在手机上，网格就是页面：点按一个字母即可绘制它，点按“‹ 字形”即可返回。面板是位于底部的一张面板；点按“设置”即可打开。

绘制一个字母

在网格中选择一个字母。
选择“钢笔”（P）：单击生成尖角，拖动生成曲线，单击第一个点即可闭合图形。
或使用“矩形”（R）、“椭圆”（E）或“描边”（S）绘制；在另一个图形内部绘制的图形会成为孔洞。
使用“选择”（V）移动节点和控制柄；方向键微调，Delete 删除，双击可使节点在平滑与尖角之间切换。
按住 Shift 选择两个轮廓，然后使用“路径 ▾”中的“并集”或“减去”；“移除重叠”会合并整个字母。

提示： 节点会吸附到网格以及基线、x 高度、大写字母高度、上伸部和下伸部。按住 Alt 可自由放置节点。

导入已有内容

“从 SVG 绘制…”：粘贴 SVG 或其路径数据，或选择一个 .svg 文件，并使其适配大写字母高度或 x 高度。
“描摹图片…”：一张字母照片会变成其轮廓；设置墨迹阈值。
在“手写”下使用“打印模板…”和“读取已填写的模板…”，即可把一页手写字迹变成完整的字体。
“打开…”可打开 TTF、OTF、WOFF 或 WOFF2 文件进行编辑。

调整间距和字距

在面板中为每个字母设置“宽度”、“左侧距”和“右侧距”。
在“字距”视图中输入两个字母，移动滑块，并观察示例行的变化。
在“字体测试”视图中用你自己的文字检查，可尝试多种字号，并在浅色或深色背景上查看。

导出并保存

在“字体”下设置字族名称、设计者和许可证（使用“SIL 开放字体许可证 1.1”会自动填写）。
在“导出”下选择 TTF、OTF、WOFF2 或 WOFF，然后点击“下载字体”，或“保存到 Slop Drive…”。
“复制 CSS @font-face”会得到用于网站的规则。“保存项目”会保存一个 .sfont 文件，以便以后再次编辑。