Porridge+ and above · 4 CLEAR STEPS
Font studio
Choose and fine-tune type without losing the reading hierarchy.
Reading this guide is free. Opening the tool needs an authorised account; public paid sign-up remains closed.
READ IT. TRY IT. MAKE IT YOURS.
One useful step at a time.
Follow the numbered instructions below. Use “Watch this part” where a related clip is available; it pauses so you can try the step.
STEP 1 OF 4
Open the workshop
Choose 04 Type, then Open typography studio. Check the target: whole website, current page or selected text.
Watch this part 10 secSTEP 2 OF 4
Explore or shortlist
Use My fonts, the Google catalogue, search and category controls. Preview a family with website words before applying it.
Watch this part 5 secSTEP 3 OF 4
Choose a role and refine it
Apply the family to the intended role. Adjust size, available weight, spacing and other supported settings; use presets as a starting point.
Watch this part 6 secSTEP 4 OF 4
Check and keep the draft
Compare body copy, headings, small text and buttons at phone size. Done returns changes to the Studio draft; select Save on this browser to keep them.
Watch this part 6 sec
HOW YOU KNOW IT WORKED
Check your result.
Text is readable, roles are distinct and the selected family supports the characters your content needs.
If it doesn’t feel right yet.
The catalogue is larger than the bundled set. A family’s available axes and character coverage vary. Export includes the selected font licences; keep them with the files.
Ask for a helping hand ↗Include the step and what happened. Leave passwords, keys and private customer information out.
Saved only on this browser. It is a reading reminder, not proof of completion or compliance.
WATCH WHEN IT HELPS
Font studio
26 sec · silent, captioned screen walkthrough · recorded 12 October 2026 in a local workspace with fictional content. Pauses edited for reading. Clips show related controls; follow every written step, including any checks outside PorridgeWeb.
Read the video transcript
- 0:00 Step 1 Open 04 Type, then Open typography studio.
- 0:04 Step 1 Choose the scope and text role before applying a font.
- 0:09 Step 2 Search your font library. Preview before applying.
- 0:14 Step 3 Apply the font to headings, then use a readable starting preset.
- 0:19 Step 4 Done keeps changes in the draft. Save them from the Studio.
Keep going at your own pace.
← All tutorialsGuide checked against the working tools on 12 October 2026. External service screens and requirements may change.