How we internationalized our typography stack
summary
A migration replaces a custom multi‑glyph build with a system font stack using San Francisco, Roboto and Arial, implemented by cloning the typography file per platform and using the Figma swap library to push changes; result is near‑zero load time, consistent fallbacks and a seamless overnight update that touches 150 designers, 2,000 engineers and 5,000 design files; brand weight moves to animations, color and voice and the change works in production.
AI-written summary · about
chapters (8)
- 0:00Introduction to the challenge
- 1:09Typography basics for global
- 2:54Klarna's current typography
- 3:27Evaluating solutions
- 5:00Adopting system fonts
- 6:10Brand equity vs. usability
- 7:33Implementing the new system
- 9:12Conclusion and takeaways
related talks
13mBest practices for migrating to variable fonts
45mDesign System Typography: Intent, Application, and Scale
32mModern Typographic Systems With Variable Fonts
12mFont stacks with CSS variables
21mCreate expressive and readable typography with variable fonts
20mDynamic Typographic Systems with Variable Fonts
25mTypography is the foundation of any design system
42mTypography for Frontends