Tac UIv1.1.2

Typography

Font families, sizes, and weights for React Native. All values are numeric (points) — accessed via the theme context.

Font Families

The primary font uses the system font family via theme.typography.fontFamily.primary. A monospace family is also available for code and technical text.

Primary

Aa Bb Cc 123

theme.typography.fontFamily.primary

Monospace

Aa Bb Cc 123

theme.typography.fontFamily.mono

Type Scale

A harmonious scale from caption (11pt) to display (34pt). All values are in points.

Display

The quick brown fox

34px / 42px / 700
Display SM

The quick brown fox

28px / 36px / 700
Heading 1

The quick brown fox

24px / 32px / 700
Heading 2

The quick brown fox

20px / 28px / 600
Heading 3

The quick brown fox

18px / 26px / 600
Heading 4

The quick brown fox

16px / 24px / 600
Body LG

The quick brown fox

16px / 24px / 400
Body MD

The quick brown fox

14px / 22px / 400
Body SM

The quick brown fox

13px / 20px / 400
Caption

The quick brown fox

12px / 18px / 400
Caption SM

The quick brown fox

11px / 16px / 500

Font Weights

Available weights from regular to bold.

Ag

Regular (400)

Ag

Medium (500)

Ag

Semibold (600)

Ag

Bold (700)