typography-ref

Reference Apple platform fonts, text styles, and Dynamic Type across Apple OS platforms.

1.1k|81|Updated Nov 30, 2025
One-click install
npx skills add https://github.com/CharlesWiltgen/Axiom --skill typography-ref
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typography-ref
Source: https://github.com/CharlesWiltgen/Axiom/tree/main/.claude-plugin/plugins/axiom/skills/typography-ref
Command: npx skills add https://github.com/CharlesWiltgen/Axiom --skill typography-ref

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A complete reference to Apple typography systems (SF fonts, Dynamic Type, tracking, leading) through iOS 26.

Core Features & Use Cases

  • SF font families, variable fonts, and optical sizes
  • Dynamic Type and text style mappings
  • Localization-aware typography considerations

Quick Start

Prompt: "Set up a .body font with dynamic type scaling for a locale."

Frequently Asked Questions about typography-ref

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Dynamic Type scaling for text across iOS and other Apple platforms?

Dynamic Type automatically scales text based on user settings. Apply system text styles (body, headline, caption) to your UI elements, and use SF font families with variable axes to enable smooth scaling across iOS, iPadOS, macOS, watchOS, and visionOS without manual breakpoints.

What are SF fonts and how do I use variable axes and optical sizes?

SF fonts are Apple's native typeface families with variable axes (weight, width, optical size) that optimize readability across sizes and contexts. Use optical sizes to automatically select the best letterform weight for display, body, or small text, and adjust axes programmatically for precise control.

How do leading and tracking affect typography in iOS app design?

Leading controls line spacing and tracking adjusts letter spacing to improve readability and visual hierarchy. Apple's typography reference maps leading and tracking rules to each system text style, ensuring consistent spacing across platforms and supporting accessibility without manual tweaking.

What typography considerations matter for localization across Apple platforms?

Localization-aware typography accounts for language-specific metrics: some scripts require wider letter spacing or different leading than Latin. The reference guides platform-specific adjustments for SF fonts and text styles across iOS, iPadOS, macOS, watchOS, and visionOS locales.

Can I use the same text styles and font settings across iOS, iPadOS, macOS, watchOS, and visionOS?

Yes. System text styles and SF fonts work across all Apple platforms, but each platform has specific rendering and sizing behavior. The reference covers platform-specific differences, including watchOS constraints and visionOS spatial typography, so you implement consistent design with platform-aware adjustments.