Explore iOS Text Styles and Typography interactively. Change font style, weight, alignment, and more in the control panel to see changes reflected on the iPhone screen instantly.
9:41
●●●●WiFi🔋
Typography
Large Title
Welcome to iOS
Headline
Beautiful Typography
Body
San Francisco is Apple's system font, designed for clarity and readability across all Apple platforms. It adapts to different sizes with optical adjustments.
Caption
Updated 2 minutes ago
Footnote
Terms and conditions apply
⚠️ HIG Violation: Text has poor readability
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example
✓ Do This
Use Dynamic Type to respect user's text size preferences
Use semantic font styles (.title, .body, .caption)
Ensure sufficient contrast for readability
Support bold text accessibility setting
✗ Don't Do This
Use fixed font sizes (hardcoded points)
Ignore the user's preferred content size
Use too many different font styles on one screen
Make text smaller than 11pt for readability
👆 See the bad pattern in the iPhone preview above
Regular
Medium
Semibold
Bold
Left
Center
Right
None
1
2
3
LIVE HIG CHECK
SwiftUI Code
Text("Welcome to iOS")
.font(.largeTitle)
.fontWeight(.regular)
.multilineTextAlignment(.leading)
.lineLimit(nil)
.foregroundStyle(.primary)