Skip to content
Scott Kellum edited this page May 24, 2021 · 6 revisions

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.

Clone this wiki locally