Change Website typography with a Theme.
Choose supported type settings that improve hierarchy and reading, then test wrapping across the Website's real Pages.
Build around this situation.
Use your own accurate details and check the result as you go. You can return to the relevant Website editor to make corrections.
Choose the reading need
Identify a hierarchy or readability issue in a representative Page.
Edit supported type settings
Adjust the Theme settings for headings, body copy, labels, or other exposed typography.
Test representative lengths
Check wrapping, line height, navigation, and Form labels at desktop and mobile widths.
Illustrative exampleWhat a useful result looks like
- The result
- The Theme’s supported typography remains readable across the Website.
- What to check
- Check wrapping, body reading rhythm and font loading at small widths.
Adapt the example to your Website and review the result before moving to the next task.
Let content set the test
Use a long Page title and a realistic paragraph so the type choice is judged against the content visitors read.
Keep Page-specific emphasis local
A shared type system should serve the Website; a one-off emphasis belongs to the Page or block that owns it.
Before you continue
Changing Theme typography does not edit text, guarantee a particular font on every device, or make the draft active automatically.