Typography
126 text styles • Apple Human Interface Guidelines
iOS Typography Scale
Standard text styles for iOS applications using San Francisco font
Large Title
SF Pro DisplaySize:34pxWeight:700Line:41pxSpacing:0.37pxNavigation bar titles, primary headings
Title 1
SF Pro DisplaySize:28pxWeight:700Line:34pxSpacing:0.36pxSection titles, prominent headers
Title 2
SF Pro DisplaySize:22pxWeight:700Line:28pxSpacing:0.35pxSecondary titles, card headers
Title 3
SF Pro DisplaySize:20pxWeight:600Line:25pxSpacing:0.38pxTertiary titles, list headers
Headline
SF Pro TextSize:17pxWeight:600Line:22pxSpacing:-0.41pxEmphasized body text, table row labels
Body
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxPrimary body text, paragraphs
Callout
SF Pro TextSize:16pxWeight:400Line:21pxSpacing:-0.32pxSecondary body text, annotations
Subheadline
SF Pro TextSize:15pxWeight:400Line:20pxSpacing:-0.24pxSupporting text, metadata
Footnote
SF Pro TextSize:13pxWeight:400Line:18pxSpacing:-0.08pxSecondary labels, timestamps
Caption 1
SF Pro TextSize:12pxWeight:400Line:16pxSpacing:0pxImage captions, form hints
Caption 2
SF Pro TextSize:11pxWeight:400Line:13pxSpacing:0.07pxSmall captions, badges
macOS Typography Scale
Text styles for macOS applications using San Francisco font
Large Title
SF Pro DisplaySize:26pxWeight:700Line:32pxSpacing:0.36pxWindow titles, major section headers
Title 1
SF Pro DisplaySize:22pxWeight:700Line:26pxSpacing:0.35pxSection titles, prominent headers
Title 2
SF Pro DisplaySize:17pxWeight:700Line:22pxSpacing:-0.41pxSecondary titles, sidebar headers
Title 3
SF Pro DisplaySize:15pxWeight:600Line:20pxSpacing:-0.24pxTertiary titles, group headers
Headline
SF Pro TextSize:13pxWeight:700Line:16pxSpacing:-0.08pxEmphasized labels, toolbar items
Body
SF Pro TextSize:13pxWeight:400Line:16pxSpacing:-0.08pxPrimary body text, paragraphs
Callout
SF Pro TextSize:12pxWeight:400Line:15pxSpacing:0pxSecondary body text, annotations
Subheadline
SF Pro TextSize:11pxWeight:400Line:14pxSpacing:0.07pxSupporting text, metadata
Footnote
SF Pro TextSize:10pxWeight:400Line:13pxSpacing:0.12pxSecondary labels, timestamps
Caption 1
SF Pro TextSize:10pxWeight:400Line:13pxSpacing:0.12pxImage captions, form hints
Caption 2
SF Pro TextSize:10pxWeight:300Line:13pxSpacing:0.12pxSmall captions, fine print
watchOS Typography Scale
Text styles optimized for Apple Watch displays
Large Title
SF Pro RoundedSize:36pxWeight:300Line:43pxSpacing:0.41pxTime display, major metrics
Title 1
SF Pro RoundedSize:34pxWeight:300Line:41pxSpacing:0.37pxPrimary titles, workout stats
Title 2
SF Pro RoundedSize:28pxWeight:400Line:34pxSpacing:0.36pxSecondary titles, complication values
Title 3
SF Pro RoundedSize:22pxWeight:400Line:28pxSpacing:0.35pxTertiary titles, list headers
Headline
SF Pro TextSize:16pxWeight:600Line:21pxSpacing:-0.32pxEmphasized text, button labels
Body
SF Pro TextSize:16pxWeight:400Line:21pxSpacing:-0.32pxPrimary body text, notifications
Caption 1
SF Pro TextSize:15pxWeight:400Line:20pxSpacing:-0.24pxCaptions, secondary info
Caption 2
SF Pro TextSize:14pxWeight:400Line:18pxSpacing:-0.16pxSmall text, timestamps
tvOS Typography Scale
Text styles for Apple TV optimized for 10-foot viewing distance
Large Title
SF Pro DisplaySize:76pxWeight:700Line:86pxSpacing:-1.0pxHero titles, movie titles
Title 1
SF Pro DisplaySize:57pxWeight:600Line:68pxSpacing:-0.5pxSection titles, app names
Title 2
SF Pro DisplaySize:48pxWeight:600Line:58pxSpacing:0pxSecondary titles
Title 3
SF Pro DisplaySize:38pxWeight:500Line:48pxSpacing:0pxTertiary titles, focused items
Headline
SF Pro TextSize:31pxWeight:600Line:40pxSpacing:0.34pxEmphasized labels
Body
SF Pro TextSize:29pxWeight:400Line:38pxSpacing:0.32pxPrimary body text
Callout
SF Pro TextSize:26pxWeight:400Line:34pxSpacing:0.28pxSecondary body text
Caption 1
SF Pro TextSize:23pxWeight:400Line:30pxSpacing:0.25pxCaptions, metadata
Caption 2
SF Pro TextSize:20pxWeight:400Line:26pxSpacing:0.22pxSmall labels, timestamps
visionOS Typography Scale
Text styles for Apple Vision Pro spatial computing
Extra Large Title
SF Pro DisplaySize:56pxWeight:700Line:68pxSpacing:-0.5pxImmersive titles, window headers
Large Title
SF Pro DisplaySize:44pxWeight:700Line:54pxSpacing:0pxPrimary titles, app names
Title 1
SF Pro DisplaySize:36pxWeight:600Line:44pxSpacing:0pxSection titles
Title 2
SF Pro DisplaySize:28pxWeight:600Line:36pxSpacing:0.36pxSecondary titles
Title 3
SF Pro DisplaySize:24pxWeight:500Line:32pxSpacing:0.38pxTertiary titles
Headline
SF Pro TextSize:21pxWeight:600Line:28pxSpacing:-0.32pxEmphasized labels
Body
SF Pro TextSize:21pxWeight:400Line:28pxSpacing:-0.32pxPrimary body text
Callout
SF Pro TextSize:19pxWeight:400Line:25pxSpacing:-0.24pxSecondary body text
Subheadline
SF Pro TextSize:17pxWeight:400Line:24pxSpacing:-0.16pxSupporting text
Footnote
SF Pro TextSize:15pxWeight:400Line:21pxSpacing:-0.08pxSecondary labels
Caption
SF Pro TextSize:13pxWeight:400Line:18pxSpacing:0pxCaptions, fine print
iPadOS Typography Scale
Text styles optimized for iPad's larger display
Large Title
SF Pro DisplaySize:34pxWeight:700Line:41pxSpacing:0.37pxNavigation bar titles, primary headings
Title 1
SF Pro DisplaySize:28pxWeight:700Line:34pxSpacing:0.36pxSection titles, prominent headers
Title 2
SF Pro DisplaySize:22pxWeight:700Line:28pxSpacing:0.35pxSecondary titles, sidebar headers
Title 3
SF Pro DisplaySize:20pxWeight:600Line:25pxSpacing:0.38pxTertiary titles, group headers
Headline
SF Pro TextSize:17pxWeight:600Line:22pxSpacing:-0.41pxEmphasized body text
Body
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxPrimary body text
Callout
SF Pro TextSize:16pxWeight:400Line:21pxSpacing:-0.32pxSecondary body text
Subheadline
SF Pro TextSize:15pxWeight:400Line:20pxSpacing:-0.24pxSupporting text
Footnote
SF Pro TextSize:13pxWeight:400Line:18pxSpacing:-0.08pxSecondary labels
Caption 1
SF Pro TextSize:12pxWeight:400Line:16pxSpacing:0pxImage captions
Caption 2
SF Pro TextSize:11pxWeight:400Line:13pxSpacing:0.07pxSmall captions
Dynamic Type - Accessibility Sizes
Larger text sizes for users with accessibility needs (iOS)
AX1 (Large Title)
SF Pro DisplaySize:44pxWeight:700Line:52pxSpacing:0.35pxFirst accessibility size level
AX2 (Large Title)
SF Pro DisplaySize:48pxWeight:700Line:57pxSpacing:0.33pxSecond accessibility size level
AX3 (Large Title)
SF Pro DisplaySize:52pxWeight:700Line:61pxSpacing:0.31pxThird accessibility size level
AX4 (Large Title)
SF Pro DisplaySize:56pxWeight:700Line:66pxSpacing:0.29pxFourth accessibility size level
AX5 (Large Title)
SF Pro DisplaySize:60pxWeight:700Line:70pxSpacing:0.27pxFifth accessibility size level
AX1 (Body)
SF Pro TextSize:28pxWeight:400Line:34pxSpacing:0.36pxBody text accessibility size 1
AX2 (Body)
SF Pro TextSize:33pxWeight:400Line:40pxSpacing:0.35pxBody text accessibility size 2
AX3 (Body)
SF Pro TextSize:40pxWeight:400Line:48pxSpacing:0.34pxBody text accessibility size 3
AX4 (Body)
SF Pro TextSize:47pxWeight:400Line:56pxSpacing:0.33pxBody text accessibility size 4
AX5 (Body)
SF Pro TextSize:53pxWeight:400Line:62pxSpacing:0.32pxBody text accessibility size 5 (maximum)
SF Mono - Code & Technical
Monospace font for code, technical content, and tabular data
Code Large
SF MonoSize:17pxWeight:400Line:24pxSpacing:0pxCode blocks, technical documentation
Code Medium
SF MonoSize:14pxWeight:400Line:20pxSpacing:0pxInline code, file paths
Code Small
SF MonoSize:12pxWeight:400Line:17pxSpacing:0pxTerminal output, dense code
Code XSmall
SF MonoSize:10pxWeight:400Line:14pxSpacing:0pxLine numbers, minimap
Code Bold
SF MonoSize:14pxWeight:700Line:20pxSpacing:0pxEmphasized code, keywords
Tabular Numbers
SF MonoSize:14pxWeight:400Line:20pxSpacing:0pxTables, data columns, counters
SF Compact - watchOS Native
Compact font optimized for Apple Watch display
Compact Large Title
SF Compact DisplaySize:36pxWeight:400Line:43pxSpacing:0.41pxTime display, large metrics
Compact Title
SF Compact DisplaySize:22pxWeight:600Line:28pxSpacing:0.35pxApp titles, section headers
Compact Headline
SF Compact TextSize:16pxWeight:600Line:21pxSpacing:-0.32pxButton labels, emphasized text
Compact Body
SF Compact TextSize:16pxWeight:400Line:21pxSpacing:-0.32pxPrimary body text
Compact Caption
SF Compact TextSize:14pxWeight:400Line:18pxSpacing:-0.16pxCaptions, timestamps
Compact Rounded Large
SF Compact RoundedSize:36pxWeight:300Line:43pxSpacing:0.41pxActivity metrics, friendly numerals
Compact Rounded Title
SF Compact RoundedSize:22pxWeight:500Line:28pxSpacing:0.35pxWorkout stats, rounded headings
Font Weights Reference
All available font weights in the San Francisco family
Ultralight
SF ProSize:17pxWeight:100Line:22pxSpacing:-0.41pxDecorative, display purposes only
Thin
SF ProSize:17pxWeight:200Line:22pxSpacing:-0.41pxLarge display text, subtle emphasis
Light
SF ProSize:17pxWeight:300Line:22pxSpacing:-0.41pxDisplay headings, elegant text
Regular
SF ProSize:17pxWeight:400Line:22pxSpacing:-0.41pxBody text, default weight
Medium
SF ProSize:17pxWeight:500Line:22pxSpacing:-0.41pxSubtle emphasis, subheadings
Semibold
SF ProSize:17pxWeight:600Line:22pxSpacing:-0.41pxHeadlines, emphasized text
Bold
SF ProSize:17pxWeight:700Line:22pxSpacing:-0.41pxTitles, strong emphasis
Heavy
SF ProSize:17pxWeight:800Line:22pxSpacing:-0.41pxImpact text, maximum emphasis
Black
SF ProSize:17pxWeight:900Line:22pxSpacing:-0.41pxDisplay only, extreme emphasis
Semantic Text Styles
Text styles for specific UI contexts and components
Navigation Title
SF Pro TextSize:17pxWeight:600Line:22pxSpacing:-0.41pxNavigation bar title (inline mode)
Tab Bar Label
SF Pro TextSize:10pxWeight:500Line:12pxSpacing:0.12pxTab bar item labels
Button Label
SF Pro TextSize:17pxWeight:600Line:22pxSpacing:-0.41pxPrimary button text
Small Button Label
SF Pro TextSize:15pxWeight:600Line:20pxSpacing:-0.24pxSecondary button text
Text Field
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxText input content
Text Field Placeholder
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxPlaceholder text (tertiary color)
Alert Title
SF Pro TextSize:17pxWeight:600Line:22pxSpacing:-0.41pxAlert dialog title
Alert Message
SF Pro TextSize:13pxWeight:400Line:18pxSpacing:-0.08pxAlert dialog message body
Alert Button
SF Pro TextSize:17pxWeight:600Line:22pxSpacing:-0.41pxAlert action buttons
Action Sheet Title
SF Pro TextSize:13pxWeight:600Line:18pxSpacing:-0.08pxAction sheet header
Action Sheet Button
SF Pro TextSize:20pxWeight:400Line:25pxSpacing:0.38pxAction sheet options
List Row Title
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxTable/list cell primary text
List Row Subtitle
SF Pro TextSize:15pxWeight:400Line:20pxSpacing:-0.24pxTable/list cell secondary text
List Section Header
SF Pro TextSize:13pxWeight:400Line:18pxSpacing:-0.08pxGrouped list section titles
List Section Footer
SF Pro TextSize:13pxWeight:400Line:18pxSpacing:-0.08pxGrouped list section footers
Badge Text
SF Pro TextSize:12pxWeight:500Line:14pxSpacing:0pxNotification badge numbers
Picker Item
SF Pro DisplaySize:21pxWeight:400Line:26pxSpacing:0.38pxPicker wheel items
Date Picker
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxDate/time picker values
Search Field
SF Pro TextSize:17pxWeight:400Line:22pxSpacing:-0.41pxSearch bar text
Segmented Control
SF Pro TextSize:13pxWeight:500Line:18pxSpacing:-0.08pxSegmented control labels
SF Symbols Text Integration
Symbol sizing to match text styles
Symbol XSmall
SF ProSize:11pxWeight:400Line:13pxSpacing:0.07pxInline with Caption 2 text
Symbol Small
SF ProSize:12pxWeight:400Line:16pxSpacing:0pxInline with Caption 1 text
Symbol Body
SF ProSize:17pxWeight:400Line:22pxSpacing:-0.41pxInline with Body text
Symbol Large
SF ProSize:22pxWeight:400Line:28pxSpacing:0.35pxInline with Title 2 text
Symbol XLarge
SF ProSize:28pxWeight:400Line:34pxSpacing:0.36pxInline with Title 1 text
Symbol XXLarge
SF ProSize:34pxWeight:400Line:41pxSpacing:0.37pxInline with Large Title text
New York Serif
Serif font for reading and editorial content
NY Large Title
New YorkSize:34pxWeight:700Line:41pxSpacing:0.37pxEditorial headings, book titles
NY Title 1
New YorkSize:28pxWeight:700Line:34pxSpacing:0.36pxArticle titles, chapter headings
NY Title 2
New YorkSize:22pxWeight:700Line:28pxSpacing:0.35pxSection headings
NY Title 3
New YorkSize:20pxWeight:600Line:25pxSpacing:0.38pxSubsection headings
NY Headline
New YorkSize:17pxWeight:600Line:22pxSpacing:-0.41pxEmphasized reading text
NY Body
New YorkSize:17pxWeight:400Line:25pxSpacing:-0.41pxLong-form reading content
NY Caption
New YorkSize:12pxWeight:400Line:16pxSpacing:0pxImage captions, footnotes