Relative Units & Typography
1/24/25About 2 minCSSArticle(s)blogoddbird.netcss
Relative Units & Typography 관련
CSS > Article(s)
Article(s)
Join Miriam Suzanne, Stacy Kvernmo, and special guest Alan Stearns (astearns) – typography enthusiast, co-chair of the CSS Working Group, and self-described CSS Panjandrum – for a conversation about typography.
Responsive Typography has been around for at least a decade in various forms, but has become even more popular with tools like Utopia.fyi, Fluid.style, Typetura, and more – all relying on the latest CSS units and math functions. But there are still a lot of questions worth asking.
This post is part of a series on revisiting fluid typography:
Relative Units & Typography
With special guest Alan Stearns
Reimagining Fluid Typography
Are we responding to the right inputs?
Revisiting Fluid Type
With special guest Richard Rutter
Designing for User Font-size and Zoom
Using modern CSS units and math functions
Visualizing Responsive Typography
What do all the numbers in our clamp() do?
The Best CSS Unit Might Be a Combination
We don't have to choose between px and rem for spacing
Responsive and Fluid Typography with Baseline CSS Features
As designers, it makes sense to think about what space is available in the browser, and adjust your typography accordingly. It's also important to remember that different users will have different font-size needs -- and the more a font size is responsive to the viewport, the less responsive it will be to user inputs.
What we cover:
- What do users really want when they change the default browser font size?
- Is it appropriate for padding and margins to grow along with text?
- What all should we be responding to, and can CSS do what’s required?
Links
Demos
Relative Units & Typography
With special guest Alan Stearns