Fonts

Families

Each array of fonts creates a priority-based order. The first font in the array should be the ideal font, followed by sensible, web-safe fallbacks.

Weights

Helper classes and custom properties for common font weights.

• Regular

  Variable:font-regular
  Weight: 400 Sample: Regular

• SemiBold

  Variable:font-semibold
  Weight: 600 Sample: SemiBold

• Bold

  Variable:font-bold
  Weight: 700 Sample: Bold

Sizes

A minimum and maximum text size size allows you to pick the right size from a ratio, depending on the context size. The min and max sizes are in pixels and should be converted to appropiate sizes, per context. For example, for web, the should be converted to REM units (pixelSize / baseSize)

• Step 000

  Variable:size-step-000
  Min:11.11pxStep 000 Max:11.52pxStep 000

• Step 00

  Variable:size-step-00
  Min:13.33pxStep 00 Max:14.4pxStep 00

• Step 0

  Variable:size-step-0
  Min:16pxStep 0 Max:18pxStep 0

• Step 1

  Variable:size-step-1
  Min:19.2pxStep 1 Max:22.5pxStep 1

• Step 2

  Variable:size-step-2
  Min:23.04pxStep 2 Max:28.13pxStep 2

• Step 3

  Variable:size-step-3
  Min:27.65pxStep 3 Max:35.16pxStep 3

• Step 4

  Variable:size-step-4
  Min:33.18pxStep 4 Max:43.95pxStep 4

• Step 5

  Variable:size-step-5
  Min:39.81pxStep 5 Max:54.93pxStep 5

• Step 6

  Variable:size-step-6
  Min:47.78pxStep 6 Max:68.66pxStep 6

• Step 7

  Variable:size-step-7
  Min:57.33pxStep 7 Max:85.83pxStep 7

Leading

Ratio-based leading/line-height values

Flat—1

The Hitchiker's Guide To The Galaxy

By Douglas Adams

Chapter 3

(…) A towel, [The Hitchhiker's Guide to the Galaxy] says, is about the most massively useful thing an interstellar hitchhiker can have. Partly it has great practical value. You can wrap it around you for warmth as you bound across the cold moons of Jaglan Beta; you can lie on it on the brilliant marble-sanded beaches of Santraginus V, inhaling the heady sea vapors; you can sleep under it beneath the stars which shine so redly on the desert world of Kakrafoon; use it to sail a miniraft down the slow heavy River Moth; wet it for use in hand-to-hand-combat; wrap it round your head to ward off noxious fumes or avoid the gaze of the Ravenous Bugblatter Beast of Traal (such a mind-boggingly stupid animal, it assumes that if you can't see it, it can't see you); you can wave your towel in emergencies as a distress signal, and of course dry yourself off with it if it still seems to be clean enough.

Fine—1.15

The Hitchiker's Guide To The Galaxy

By Douglas Adams

Chapter 3

(…) A towel, [The Hitchhiker's Guide to the Galaxy] says, is about the most massively useful thing an interstellar hitchhiker can have. Partly it has great practical value. You can wrap it around you for warmth as you bound across the cold moons of Jaglan Beta; you can lie on it on the brilliant marble-sanded beaches of Santraginus V, inhaling the heady sea vapors; you can sleep under it beneath the stars which shine so redly on the desert world of Kakrafoon; use it to sail a miniraft down the slow heavy River Moth; wet it for use in hand-to-hand-combat; wrap it round your head to ward off noxious fumes or avoid the gaze of the Ravenous Bugblatter Beast of Traal (such a mind-boggingly stupid animal, it assumes that if you can't see it, it can't see you); you can wave your towel in emergencies as a distress signal, and of course dry yourself off with it if it still seems to be clean enough.

Standard—1.5

The Hitchiker's Guide To The Galaxy

By Douglas Adams

Chapter 3

(…) A towel, [The Hitchhiker's Guide to the Galaxy] says, is about the most massively useful thing an interstellar hitchhiker can have. Partly it has great practical value. You can wrap it around you for warmth as you bound across the cold moons of Jaglan Beta; you can lie on it on the brilliant marble-sanded beaches of Santraginus V, inhaling the heady sea vapors; you can sleep under it beneath the stars which shine so redly on the desert world of Kakrafoon; use it to sail a miniraft down the slow heavy River Moth; wet it for use in hand-to-hand-combat; wrap it round your head to ward off noxious fumes or avoid the gaze of the Ravenous Bugblatter Beast of Traal (such a mind-boggingly stupid animal, it assumes that if you can't see it, it can't see you); you can wave your towel in emergencies as a distress signal, and of course dry yourself off with it if it still seems to be clean enough.

Loose—1.7

The Hitchiker's Guide To The Galaxy

By Douglas Adams

Chapter 3

(…) A towel, [The Hitchhiker's Guide to the Galaxy] says, is about the most massively useful thing an interstellar hitchhiker can have. Partly it has great practical value. You can wrap it around you for warmth as you bound across the cold moons of Jaglan Beta; you can lie on it on the brilliant marble-sanded beaches of Santraginus V, inhaling the heady sea vapors; you can sleep under it beneath the stars which shine so redly on the desert world of Kakrafoon; use it to sail a miniraft down the slow heavy River Moth; wet it for use in hand-to-hand-combat; wrap it round your head to ward off noxious fumes or avoid the gaze of the Ravenous Bugblatter Beast of Traal (such a mind-boggingly stupid animal, it assumes that if you can't see it, it can't see you); you can wave your towel in emergencies as a distress signal, and of course dry yourself off with it if it still seems to be clean enough.