Inline Typography Controls
·
Add inline typography controls to the block editor toolbar, letting you apply formatting to selected text without wrapping it in a block.
This plugin adds extra controls to the rich text formatting toolbar (the popup toolbar shown when you select text inside a block). Each control wraps the selected text in an inline element, similar to Bold or Italic, so you can mix formatting within a single paragraph or heading.
Github: https://github.com/torounit/inline-typography-controls
Controls
- Font Size — Apply an inline font size to the selected text. Choose from the font size presets defined in your theme’s
theme.json, or pick a custom value with the slider. - Font Family — Apply an inline font family to the selected text, chosen from the font family presets defined in your theme’s
theme.json. - Inline Block — Wrap the selected text in an inline-block element (
display: inline-block), which is useful for keeping a phrase from breaking across lines. - Side comment — Wrap the selected text in a
<small>tag, useful for side comments and supplementary text such as captions or fine print.
Credits
The Font Size toolbar button icon is based on the “format_size” icon from Material Symbols by Google, licensed under the Apache License 2.0.