Skip to main
Winging It

Relative Units & Typography

With special guest Alan Stearns

Join Miriam Suzanne, Stacy Kvernmo, and special guest Alan Stearns – 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:
  1. Relative Units & Typography
  2. Reimagining Fluid TypographyAre we responding to the right inputs?
  3. Revisiting Fluid TypeWith special guest Richard Rutter
  4. Designing for User Font-size and ZoomUsing modern CSS units and math functions
  5. Visualizing Responsive TypographyWhat do all the numbers in our `clamp()` do?

Subscribe to Channel »

Posts about Typography

  1. Miriam gesturing as she talks in a video thumbnail
    Article post type

    Visualizing Responsive Typography

    What do all the numbers in our clamp() do?

    There are multiple tools that can help create a fluid font-size calculation for CSS – generally expressed as a clamp() function combining em (or rem) with vw (or vi) units. But the results are difficult to understand at a glance, so I wanted to visualize what’s going on…

    see all Article posts
  2. Close-up of keys on an old Spanish typewriter, part of the space bar, a, s, d, z, x, and MAYÚSCULAS (capslock) with release above it
    Article post type

    Designing for User Font-size and Zoom

    Using modern CSS units and math functions

    When I tried setting my browser font-size preferences, I found it broke more sites than it improved, and I quickly moved back to the default. So what went wrong, and how can we fix it?

    see all Article posts
  3. Winging It post type

    Revisiting Fluid Type

    With special guest Richard Rutter

    Miriam’s been asking questions about fluid typography, and how a website design should plan for (and respond to) user preferences. And we’re not the only ones thinking about it! This month we continue the conversation with Richard Rutter from Clearleft, the experts behind excellent resources like Utopia.fyi and WebTypography.net.

    see all Winging It posts