⚡ Hogwarts Ultimate Typography & UI Test Page
Purpose: This page is designed to test all font weights, styles, glyph coverage, layout spacing, icon rendering, and performance issues after font consolidation. Please view on multiple devices and browsers.
1. Headings & Weights
H1 – The Boy Who Lived
H2 – The Chamber of Secrets
H3 – The Prisoner of Azkaban
H4 – The Goblet of Fire
H5 – The Order of the Phoenix
H6 – The Half-Blood Prince
Paragraph (400) – Regular text weight for body content.
Paragraph (500) – Medium weight for emphasis.
Paragraph (700) – Bold weight for headings and important notices.
Italic text for emphasis and bold text for importance mixed in a sentence.
2. Special Characters & Glyph Coverage
ÀÁÂÃÄÅ Æ Ç ÈÉÊË ÌÍÎÏ Ñ ÒÓÔÕÖ Ø ÙÚÛ Ü Ÿ ß àáâãäå æ ç èéêë ìíîï ñ òóôõö ø ùúû ü ÿ
— “Curly quotes” ‘Single quotes’ • Bullet • … Ellipsis
© 2025 Hogwarts Inc. ® Ministry of Magic™
Ligatures test: office, flint, affix
3. Lists
- Wands
- Elder Wand
- Holly Wand
- Robes
- Spell Books
- Visit Diagon Alley
- Board the Hogwarts Express
- Get Sorted into a House
4. Table with Numbers
| Item | Qty | Price (Galleons) | Total |
|---|---|---|---|
| Invisibility Cloak | 1 | 500 | 500 |
| Chocolate Frogs | 10 | 2.5 | 25 |
| Firebolt Broom | 1 | 900 | 900 |
5. Inline Formatting
Bold, italic, underline, strikethrough, highlighted text, inline code(), H2O, E = mc2
6. Links
Internal link – Gryffindor House
External link – Wizarding World
7. Media Tests
Video Embed:
Lottie:
8. Icons (Font Awesome)
Wizard Hat Broom Dragon Quidditch
9. Blockquote
“It does not do to dwell on dreams and forget to live.” — Albus Dumbledore
10. Preformatted & Code Block
// Simple spellcasting pseudo-code
function castSpell(spell) {
if (spell === 'Lumos') {
return 'Light on';
}
if (spell === 'Nox') {
return 'Light off';
}
throw new Error('Unknown spell');
}
11. Long Paragraph for Kerning & Line Height
Harry had never believed he would meet a real wizard, let alone become one. The hall echoed with murmurs as the Sorting Hat pondered. Outside, owls swooped through the dusk sky, delivering letters in loops and swirls. The scent of treacle tart drifted in from the Great Hall, mingling with the faint scent of parchment and candle wax. Meanwhile, Professor McGonagall adjusted her glasses, her gaze sharper than a brand-new quill. Somewhere in the distance, the Whomping Willow swayed ominously, as if daring the first-years to approach.
