Tools:

• Font
• Size
• Line Height
• Appearance/Weight/Style
• Letter Spacing
• Letter Case

Mockup:

Component

• Use ToolsPanel to render typography tools.
• #23908
• Font size needs to switch between a toggle control and a select dropdown control based on how many sizes are registered.
  • Custom font size value uses input + slider.
• #20796

To be confirmed:

• Font size picker design (in the mocks, it looks like a single select dropdown, with the font size being part of each option)
• Update text input (for example, the -/+ number stepper control)

Few sizes:

Many sizes:

Integration

• Ensure added features (like drop cap) are added at the bottom of the panel.
• #23767
• Replace usages of typography panel across blocks.

Design

• Decide on how letter casing is to be presented.
• Decide on a good name for the "appearance" control (weight, style).
• Consider whether responsive options can be exposed in the UI: #24480