Typography
Inter Variable type scale — display, title, body, and caption utilities with weight, size, line-height, and tracking.
Preview
Font Weights
Body 450The quick brown fox jumps over the lazy dog
Emphasis 600The quick brown fox jumps over the lazy dog
Display 820The quick brown fox jumps over the lazy dog
Display
Size / Line-height / Tracking / Weight
The quick brown fox jumps over the lazy dog
.display-lg96 / 88 / -0.24rem / 820The quick brown fox jumps over the lazy dog
.display-md64 / 60 / -0.1rem / 820The quick brown fox jumps over the lazy dog
.display-sm40 / 40 / -0.05rem / 820Title
The quick brown fox jumps over the lazy dog
.title-xl30 / 36 / -0.0375rem / 600The quick brown fox jumps over the lazy dog
.title-lg26 / 32 / -0.02rem / 600The quick brown fox jumps over the lazy dog
.title-md22 / 28 / -0.02rem / 600The quick brown fox jumps over the lazy dog
.title-sm18 / 24 / -0.01rem / 600Body
The quick brown fox jumps over the lazy dog
.body-lg16 / 24 / 0 / 450The quick brown fox jumps over the lazy dog
.body-lg-emphasis16 / 24 / 0 / 600The quick brown fox jumps over the lazy dog
.body-md14 / 20 / 0 / 450The quick brown fox jumps over the lazy dog
.body-md-emphasis14 / 20 / 0 / 600Caption
The quick brown fox jumps over the lazy dog
.caption12 / 16 / 0 / 450The quick brown fox jumps over the lazy dog
.caption-emphasis12 / 16 / 0 / 600