Typography units

When you set values for typographic properties such as font size or line height, the default unit is pixels (px). But pixels are far from the only option, and each alternative unit uniquely impacts how your typographic sizing choices behave.

In this video, we'll explore all the typographic units available in Webflow:

Pixels
Ems
Rems
Percentages
Viewport width (vw)

Video details

Duration

2:43

Topic

Design & build

Continue watching

<h3>Migrate a site to Webflow</h3>1:16:53

<h3>Cursor follow interactions</h3>10:25

<h3>Build a cursor-following 3D button</h3>5:15

<h3>Webflow MCP: Build an FAQ accordion with Claude</h3>8:19

<h3>Page load interaction</h3>9:43

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Typography units",
  "description": "When you set values for typographic properties such as font size or line height, the default unit is pixels (px). But pixels are far from the only option, and each alternative unit uniquely impacts how your typographic sizing choices behave. ",
  "url": "https://university.webflow.com/videos/typography-units",
  "thumbnailUrl": "https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b945d898510a9d2dea9216_maxresdefault.webp",
  "duration": "2:43",
  "uploadDate": "2026-07-15T20:51:09.709Z",
  "contentUrl": "https://www.youtube.com/watch?v=OQXZb3W6sgE",
  "embedUrl": "https://www.youtube.com/embed/OQXZb3W6sgE",
  "inLanguage": "en",
  "publisher": {
    "@type": "Organization",
    "name": "Webflow",
    "logo": {
      "@type": "ImageObject",
      "url": "https://assets-global.website-files.com/6009ec03c3b4e33e78af04aa/6516be62e5c189e9d4fa5e8f_webflow-logo.svg"
    }
  },
  "about": {
    "@type": "Thing",
    "name": ""
  }
}