Choose Your Typography
Four font roles, filled in one move by a personality pairing or set one at a time.
Step 2 is type. Webby does not ask for "your font" — it asks you to fill four font roles, because a page needs more than one weight of voice to read well.
The quickest way through is to pick a personality pairing, which fills all four at once. If you have specific fonts in mind, you can set each role yourself.
The four font roles
| Role | Used for |
|---|---|
| Bold | Primary headings and hero text |
| Semibold | Subheadings and section titles |
| Regular | Body text and paragraphs |
| Stylized | Accents, quotes and special moments |
Steps
Start with a personality pairing
Twelve pairings are offered, each named for the mood it creates: Editorial, Modern Minimal, Friendly & Open, Bold Statement, Classic Professional, Tech Forward, Elegant Serif, Clean Sans, Creative, Warm Humanist, Sharp & Geometric and Soft & Rounded.
Each shows real sample text in the fonts it would use. Read the samples rather than the names — the difference between two pairings is usually obvious on the page and invisible in the label.
Adjust individual roles if you need to
Each role can be set on its own. Use Search Google Fonts... to find a family, and set the weight from Thin (100) through Black (900), with italic options where the family offers them.
This is where brand requirements get honoured. If your brand mandates a particular face for headings but you are happy to take the pairing's suggestion for body text, change the one role and leave the rest.
Add a custom role if the site needs one
You can add a role beyond the four, describing what it is for. This is worth doing when a site has a recurring element the standard roles do not cover — a monospaced face for code samples, say, or a distinct face used only for pull quotes.
Most sites do not need this. Four roles is usually the right number.
Continue
Your type choices are saved as you move on, and are editable afterwards in Site Settings > Typography.
Tip: Fewer families reads better than more. Two is comfortable, three is usually the limit. A pairing that uses one family at several weights is a perfectly good answer.
Result
Four font roles are filled and the wizard moves on to visual style.
