In the right sidebar of a selected block, the Typography group changes how the text of that one block looks: its font, size, weight, spacing and case. It shows on blocks that hold text, such as Heading, Paragraph, Button, Title, Excerpt, Date and the form fields. Sections have no Typography group.
A setting you leave unset keeps the block's usual look. For a Heading, that is the text style of its level in Styles, such as H2. For a Paragraph it is the Text style, and Title and Excerpt follow the heading and text styles the same way. These blocks end the group with a link such as Edit H2 in Styles. To change every heading of one level at once, change the text style there instead, as Text styles and font sizes describes. Other blocks, such as Button, keep the look of their variant.
Settings you add from the + menu
Click the + beside Typography to open its menu: Font, Size, Appearance (Weight and Style together), Line height, Letter spacing, Letter case, Decoration and Max lines. Size and Appearance show at first. Each item in the menu turns its row on or off. Turning a row off clears its value, so the block goes back to its usual look. Reset all, at the bottom of the menu, clears every row that has a value, and Undo brings the values back.
A row that holds a value always shows.
All typography settings
Setting
What it does
Font
Which of your project's fonts the block uses: the Headings font, the Body font, or Monospace for code. While unset, the field shows the font the block uses now, such as Default (Body). You choose the fonts themselves in Change your fonts.
Size
The text size, from the size presets in Styles: Extra small (12 px), Small (14 px), Medium (16 px), Large (18 px), Extra large (20 px), 2X large (24 to 30 px), 3X large (30 to 36 px) and 4X large (36 to 48 px). The three largest grow with the width of the screen between those two numbers. Your own presets from Styles show here too. Custom takes a length of your own, such as 22px. While unset, the field shows the size the block uses now, such as Default (3X large).
Weight
How thick the letters are: Regular, Medium, Semibold or Bold. Default keeps the weight the block uses now, and its label names it, such as Default (Semibold).
Style
Regular or Italic.
Line height
The height of each line, as a multiple of the text size, from 0.5 to 4 in steps of 0.05. At 1.5, a line of 16 px text is 24 px tall. While unset, the field shows the current value in grey.
Letter spacing
The space between letters, as a share of the text size, from -0.5 to 1. 0.05 adds a small gap, and a negative number moves letters closer. While unset, the field shows the current value in grey.
Letter case
None, Uppercase, Lowercase or Capitalize. The text you typed does not change, only how it shows.
Decoration
None, Underline or Strikethrough.
Max lines
Cuts the text after 1, 2, 3 or 4 lines, or a number you enter, and ends it with an ellipsis (…). Use it to keep post titles or excerpts in a card grid the same height. Unset, the text shows in full.
Settings that change per screen size
Size and Max lines can differ on tablets and phones. Switch the preview to Tablet or Mobile and change them there, as Change the design on tablets and phones describes. The other typography settings apply on every screen size.
Typography inside posts
The text of your Ghost posts takes its look from Styles, not from a Typography group. Post Content section explains where post text gets its look.
In the right sidebar of a selected block, the Typography group changes how the text of that one block looks: its font, size, weight, spacing and case. It shows on blocks that hold text, such as Heading, Paragraph, Button, Title, Excerpt, Date and the form fields. Sections have no Typography group.
A setting you leave unset keeps the block's usual look. For a Heading, that is the text style of its level in Styles, such as H2. For a Paragraph it is the Text style, and Title and Excerpt follow the heading and text styles the same way. These blocks end the group with a link such as Edit H2 in Styles. To change every heading of one level at once, change the text style there instead, as Text styles and font sizes describes. Other blocks, such as Button, keep the look of their variant.
Settings you add from the + menu
Click the + beside Typography to open its menu: Font, Size, Appearance (Weight and Style together), Line height, Letter spacing, Letter case, Decoration and Max lines. Size and Appearance show at first. Each item in the menu turns its row on or off. Turning a row off clears its value, so the block goes back to its usual look. Reset all, at the bottom of the menu, clears every row that has a value, and Undo brings the values back.
A row that holds a value always shows.
All typography settings
22px. While unset, the field shows the size the block uses now, such as Default (3X large).1.5, a line of 16 px text is 24 px tall. While unset, the field shows the current value in grey.0.05adds a small gap, and a negative number moves letters closer. While unset, the field shows the current value in grey.Settings that change per screen size
Size and Max lines can differ on tablets and phones. Switch the preview to Tablet or Mobile and change them there, as Change the design on tablets and phones describes. The other typography settings apply on every screen size.
Typography inside posts
The text of your Ghost posts takes its look from Styles, not from a Typography group. Post Content section explains where post text gets its look.