Explore >> Select a destination
|
You are here 
|
www.smashingmagazine.com | ||
| | | | |
stoffel.io
|
|
| | | | | Comparing the two most popular methods of achieving fluid typography in CSS and finding a well-supported and accessible implementation using TailwindCSS. | |
| | | | |
moderncss.dev
|
|
| | | | | To learn more about the behaviors of container query units, we'll explore three fluid typography techniques applied via a "mixin" using custom properties. These upgraded methods will produce truly responsive typography, regardless of context. | |
| | | | |
blog.typekit.com
|
|
| | | | | [AI summary] The provided text discusses a CSS technique for dynamically adjusting line-height based on viewport width, using a 'lock' analogy. It includes a detailed explanation of the math and CSS calc syntax, as well as discussions on potential issues with em and rem units, and alternative approaches using rem and adjusting breakpoints. The text also mentions a related article by Florens and a comment by Johannes about scalable font-sizes. The author is Tim Brown, a typography expert at Adobe Typekit & Adobe Type. | |
| | | | |
moderncss.dev
|
|
| | | Learn how to coexist with that unpredictability by using adaptive, contextual spacing techniques. We'll construct a starter set of custom properties for gap, margin, and padding. | ||
