-
Notifications
You must be signed in to change notification settings - Fork 12
Home
Typetura is an intrinsic typography technology that makes breakpoints obsolete. It enables you to design with more flexibility, while dramatically reducing code.
Typetura is different from other typesetting methods. Instead of creating a ruleset for every new space where type exists in your layout, Typetura measures and understands those different spaces, and ensures your type adapts perfectly every time. This reduces your code by up to 90%, saving you time designing and developing. For example, if your website is using Typetura, your hero, article links, and trending articles, will use a single headline style that adapts to each of these areas in your layout.
Feature | Typetura | Textblock/FlowType | Locks/Clamp | Media Queries |
---|---|---|---|---|
Responsive to viewport | ✅ | ✅ | ✅ | ✅ |
Fluidly responsive | ✅ | ✅ | ✅ | 🚫 |
Responsive to elements | ✅ | ✅ | 🚫 ¹ | 🚫 ¹ |
Authoring in CSS | ✅ | 🚫 | ✅ | ✅ |
Interpolation easing | ✅ | 🚫 | 🚫 | 🚫 |
Adjust variable fonts | ✅ | *️⃣ ² | 🚫 | ✅ |
Works with any unit | ✅ | 🚫 | 🚫 | ✅ |
Respects browser font size adjustment (for accessibility) | ✅ | *️⃣ ³ | ✅ | |
Requires JS | Yes ⁵ | Yes | No | No |
¹ This will be supported with the introduction of element queries and corresponding units.
² Textblock supports weight variations.
³ Textblock supports this, FlowType does not.
⁴ Shifts can occur that misalign the interpolation with breakpoints.
⁵ This JS here is similar to a CSS feature polyfill. Progressively enhanced and 1.47 KB gzipped.