Typography

The macOS 27 text styles, as AppKit reports them, as Tailwind font-size utilities with their line heights.

Text styles

Large Title

text-mac-large-title26 / 32Regular, Bold

Title 1

text-mac-title-122 / 26Regular, Bold

Title 2

text-mac-title-217 / 22Regular, Bold

Title 3

text-mac-title-315 / 20Regular, Semibold

Headline

text-mac-headline font-bold13 / 16Bold, Heavy

Body

text-mac-body13 / 16Regular, Semibold

Callout

text-mac-callout12 / 15Regular, Semibold

Subheadline

text-mac-subheadline11 / 14Regular, Semibold

Footnote

text-mac-footnote10 / 13Regular, Semibold

Caption

text-mac-caption10 / 13Regular, Medium

Body text is 13pt, the size of most macOS interface text. Combine a size utility with a weight, e.g. text-mac-title-3 font-semibold for a window title.

macOS 27 sets control labels such as buttons, pop-ups and tabss in medium, while list and body text stay regular. The components follow that rule. Text is rendered with the platform’s own smoothing (-webkit-font-smoothing: auto), which matches native apps on a Mac.