Typography
Utility classes for font size, font weight, and text alignment.
Font Size
Use fs-* classes to set font size. The scale goes from xs to 4xl.
.fs-xsThe quick brown fox.fs-sThe quick brown fox.fs-mThe quick brown fox.fs-lThe quick brown fox.fs-xlThe quick brown fox.fs-2xlThe quick brown fox.fs-3xlThe quick brown fox.fs-4xlThe quick brown foxFont Weight
Use t-regular, t-medium, and t-bold to control font weight.
.t-regularThe quick brown fox (400).t-mediumThe quick brown fox (500).t-boldThe quick brown fox (600)Text Alignment
Use t-left, t-center, and t-right to control text alignment.
.t-leftThe quick brown fox jumps over the lazy dog
.t-centerThe quick brown fox jumps over the lazy dog
.t-rightThe quick brown fox jumps over the lazy dog
Combining Classes
Typography utilities compose naturally. Combine size, weight, and alignment as needed.
.fs-3xl .t-bold .t-centerPage Title
.fs-s .t-medium .fg-mutedA subtle label or caption
.fs-xl .t-bold .t-rightRight-aligned heading