Fonts Preview

[ayuhito]

Preview

The text preview and editor tool.

Mockups

• Preview Rows
• General Style Editor
• Variable Axes Editor

Preview Rows

Each selected row should have its own individual state, with its own general style and variable axes (if applicable) modifiers. This can be overridden with the global state checkbox.

It should also support paragraphs as we can modify line height.

General Style Editor

Options:

• A language dropdown that shows all supported languages and replaces the preview text with their language-specific default texts.
• Preview Size
• Italics (if available - note that some fonts have 400, 400i and 700, no 700i)
• Line height
• Letter spacing
• Colour
• Transparency

Variable Axes Editor

There are a lot of different axes, but all the needed values should be included in metadata.json.