Teaching typography one detail at a time
We started in 2021 because too many developers were guessing at type implementation. Our courses focus on browser behavior, rendering quirks, and the technical decisions that affect readability.
The work isn't glamorous. But when you understand how fonts load, how fallbacks cascade, and why certain properties behave differently across devices, you stop fighting your tools.
What drives the curriculum
Every lesson addresses a specific problem that comes up in real projects. We don't cover theory for its own sake.
Browser accuracy
We test rendering across major engines because a perfect design file means nothing if Chrome and Firefox display it differently.
Practical limits
Variable fonts are powerful but they increase file size. Font subsetting helps, but you need to know what characters you're actually using.
Load optimization
Font loading affects perceived performance more than most developers realize. We cover async loading, preloading strategies, and when to accept system fonts.
Who builds this
Two people handle course development. We focus on different areas but both come from frontend work where typography decisions had measurable impact on user experience.
Astrid Vanhanen
Spent twelve years debugging cross-browser type rendering issues. Now teaches responsive type systems and how to handle edge cases that only show up on specific device combinations.
Isolde Bergström
Builds curriculum around accessibility standards that actually work. Focuses on screen reader compatibility and how type choices affect users with visual impairments.
How we structure learning
Each course module introduces one technical concept, shows where it applies, and provides examples you can test immediately. No multi-week buildups to practical applications.
Students work through browser DevTools, compare rendering outputs, and learn to diagnose font loading problems. You see the issue, understand why it happens, implement a fix.
Concrete examples
Every technique includes code samples with expected outputs across different browsers and screen sizes.
Testing protocols
We provide checklists for verifying typography implementations across device types and connection speeds.
Performance metrics
Learn to measure font loading impact on core web vitals and identify when optimization actually matters.
Global considerations
Address character set requirements for international projects and fallback strategies for missing glyphs.
Different ways to learn
We offer three course formats based on how much hands-on guidance you need. Content coverage is similar, but interaction levels vary.
Work through materials independently
Access recorded lectures, code examples, and testing environments. Complete assignments on your own schedule. Submit work for written feedback within 48 hours.
Good fit if you prefer learning at specific times or already have experience with front-end development. Assumes you can debug basic CSS issues independently.
- 12 recorded modules covering font loading, variable fonts, responsive scaling
- Browser testing lab access for cross-platform verification
- Written feedback on five assignments throughout program
- Completion typically takes 6-8 weeks depending on pace
Weekly video calls with direct instruction
Join scheduled sessions where instructors demonstrate techniques in real-time, answer questions immediately, and work through common implementation problems as they arise.
Better for learners who benefit from synchronized instruction and want to see how experienced developers approach typography decisions in the moment.
- Eight 90-minute live sessions covering core curriculum
- Direct Q&A during and after each session
- Small group size ensures instructor attention
- Session recordings available if you miss a week
Apply techniques to your actual projects
Bring typography challenges from real work. Instructors review your code, identify specific issues, and suggest targeted improvements based on project constraints.
Most useful for developers currently working on sites where typography implementation affects user experience or performance metrics.
- Four one-hour review sessions scheduled around your project timeline
- Code analysis focused on your specific implementation
- Performance testing using your actual font assets
- Follow-up recommendations for ongoing optimization