Penman's Typesetter

Font Source
Upload File...
Content & Layout
Center
Left
Center
Right
Circular Layout
Enable Circular
Outside-In
Outside-In
Inside-Out
Forward
Forward
Backward
Vector (TextPath)
Vector (TextPath)
Deform (calt Support)
Angles (Circ.)
Calibration
Font not loaded...
Measurement
Baselines
Center Axis
V-Offsets
Left Margins
By Word
Spacing

Help & About

Overview

This is a typesetting tool designed for calligraphy.

Normally, to ensure that your writing on paper meets your expectations in terms of layout and visual effect, you would need to draft your work first. But with this tool, you can see exactly what the final piece will look like without having to write a single draft.

User Guide

  • Upload a calligraphy font in "Font Source" with kerning that matches your handwriting habits. Since the focus is on typesetting, even if you can't find a perfectly matching calligraphy font, a font containing just the kerning data will still be useful.
  • I have provided a default Roundhand font, though it may not perfectly match your personal handwriting style.
  • Enter the text you want to typeset in the "Content & Layout" text box. Use a backslash \ to segment content within a single line, and use \\ to output a literal backslash.
  • Segmenting allows you to customize the size and offset of each segment individually, but width measurements are calculated based on the entire line, not the individual segments.
  • Press and hold the middle mouse button to pan/drag the canvas on the right, and use the mouse scroll wheel to zoom in and out.
  • Set the measurement scale in "Calibration". By telling the program the actual physical width of a reference character in your handwriting, the program can calculate the correct measurement values. You can also calibrate based on line height instead of character width. Note that a character's width in a font actually refers to its advance width (how far the cursor moves), not necessarily its visual glyph width. The same applies to line height; the value you need to input might not be the theoretical x-height.
  • Adjust any other layout settings you need in the rest of the "Content & Layout" section. Expand a line's settings to adjust its individual segments.
  • Toggle the measurement options you need (or don't need) on or off in the "Measurement" section.
  • You can enable circular layout, which organizes multiple lines of text into concentric circles. Due to the limitations of JavaScript capabilities in browsers, both rendering modes have their respective drawbacks. In particular, setting both the arc radius and the canvas zoom to excessively large values simultaneously may cause the Canvas to go blank or lag.

About the Author

Silhouette Z

概览

这是一个用于西文书法的排版器。

通常来说,为了确保写在纸上的东西在排版和视觉效果上符合预期,你需要为你的作品打一遍草稿。但现在有了这东西,你不用打草稿就知道这张字写出来应该是什么样了。

操作指南

  • 在“字体源”中上传一个 kerning 与你的手写习惯一致的书法字体。因为重点是排版,因此即使找不到合适的书法字体,一个只有 kerning 数据的字体也是有用的。
  • 我提供了一个默认的 Roundhand 字体,它可能不符合你的书写习惯。
  • 在“内容与排版”的文本框中输入需要排版的文本。使用反斜杠 \ 对单行内容进行切分,使用 \\ 表示反斜杠本身。
  • 切分使你可以自定义每个切分的大小和偏移,但宽度测量基于整行,而不是切分。
  • 按下鼠标中键拖动右侧画布,使用鼠标滚轮缩放画布。
  • 在“校准”中设置测量比例,通过告诉程序某个基准字符在你的字迹中的实际宽度让程序能够计算正确的测量数值。你也可以依据行距校准,而不是字宽。注意字符在字体中的宽度实际上意味着其使光标前进的距离,而不是某个视觉上的字形宽度。行距同理,你需要输入的行距可能并不是理论上的 x-height。
  • 在“内容与排版”的剩余部分中进行其他你需要的排版设置。展开行设置以进行本行切分设置。
  • 在“测量”中打开(关闭)你(不)需要的测量选项。
  • 可以启用环形排版,多行文字将组织成同心圆。由于浏览器上 Javascript 能力的限制,使用两种渲染模式分别有一些缺点,特别需要注意的是同时将圆弧半径和画布缩放设置为过大的值可能导致 Canvas 白屏和卡顿。

关于作者

Silhouette Z

Personal Website