← Main site

Typography

Typography settings control fonts, sizes, weights, and line height for body text and headings site-wide. Find them at Appearance → Customize → Typography.

General text

These settings apply to paragraphs, lists, links, and other body text:

SettingDefaultDescription
Font familyLibre FranklinChoose from a curated list of Google Fonts.
Font weight400100–900 or bold.
Font styleNormalNormal or Italic.
Paragraph font size17 pxRange: 10–24 px.
Paragraph margin bottom20 pxVertical spacing between paragraphs.
Paragraph line height1.7Range: 1.0–2.0, step 0.1.

Headings

These settings apply to all heading levels (H1–H6):

SettingDefaultDescription
Font familyLibre FranklinCan differ from body text.
Font weight700100–900 or bold.
Font styleNormalNormal or Italic.
H1 size34 pxRange: 1–100 px.
H2 size28 pxRange: 1–100 px.
H3 size22 pxRange: 1–100 px.
H4 size20 pxRange: 1–100 px.
H5 size19 pxRange: 1–100 px.
H6 size19 pxRange: 1–100 px.

Text alignment

Text alignment for headings and body content can be set independently for posts, pages, and the homepage in their respective Customizer sections (Blog → Single Post, Page, and Homepage). Options are: Left, Right, Center, Justify.

Google Fonts loading

Selected fonts are loaded asynchronously using a rel="preload" link with an onload swap and a noscript fallback, so fonts never block page rendering. Only the font weights actually used by the theme are requested, keeping the download size minimal.

💡

For the fastest results, choose the same font for both body and headings. Requesting two different Google Font families adds a small but measurable network overhead.