Skip to main content
type TextStyle =
  | "caption2"
  | "caption"
  | "callout"
  | "footnote"
  | "body"
  | "subheadline"
  | "headline"
  | "title3"
  | "title2"
  | "title"
  | "largeTitle";

​
Values

​
Small Text Styles

​
caption2
string
The smallest text style. Used for secondary captions and fine print.
​
caption
string
Small text style for captions and supplementary information.
​
footnote
string
Small text style for footnotes and disclaimers.

​
Medium Text Styles

​
callout
string
A text style slightly emphasized from body text. Used for callouts and emphasized content.
​
body
string
The default text style for body content. This is the standard reading text size.
​
subheadline
string
A text style for subheadings and section introductions.
​
headline
string
A prominent text style for headlines and important text.

​
Title Text Styles

​
title3
string
The smallest title style. Used for tertiary headings.
​
title2
string
A medium title style. Used for secondary headings.
​
title
string
A large title style. Used for primary headings.
​
largeTitle
string
The largest title style. Used for the most prominent headings, typically page titles.

​
Usage

Text("Main Heading")
  .font("largeTitle")

Text("Section Title")
  .font("title")

Text("Body content goes here")
  .font("body")

Text("Small caption")
  .font("caption")

​
Notes

Text styles are semantic and adapt to:
  • Platform typography guidelines (iOS, macOS, web)
  • User accessibility settings (Dynamic Type on iOS)
  • Light and dark appearance modes