LAB STATUS — Variable Font Axis Explorer. Visual QA tool for design exploration, not a user-facing feature. Drag axes to see how Roboto Flex 13-axis variable font behaves and how GRAD syncs between text and Material Symbols icons.

Variable Font Axis Explorer

Read more

This specimen is a Foundation > Typography adjunct. It is a visual QA tool for variable font axes, not a public component module. Use it to inspect Roboto Flex axes and the shared GRAD behavior between text and Material Symbols icons.

Axis controls
14 400 100 0 0 0 400
Display large — 57px

한국어 Korean Display

Headline — 32px

Variable fonts in mixed scripts

Body — 16px

한글과 영문이 섞인 본문에서도 가변폰트 axes가 어떻게 적용되는지 확인합니다. Roboto Flex has 13 variable axes, while Noto Sans KR has wght. Mixed-script line-height parity is maintained via base.css §7.

Label small — 11px uppercase

label small 11px

Icons synced via GRAD

Font layer coverage test

Each character below is rendered by the font in its layer: Roboto Flex handles Latin + numbers + currency (₩, ¥, £, €) + arrows + math operators + Greek + Cyrillic; Noto Sans KR handles Hangul; Material Symbols Rounded handles iconography (forbidden in post content — theme chrome only).

Mixed-script coverage

Axismundi 2026 — ₩12,000 → 3.14 ≤ 10 ≈ π

Mixed Hangul + Latin (body)

한국어 본문에서 영문 Roboto와 한글 Noto Sans KR이 자연스럽게 섞입니다. Numbers (12,345), currency (₩, ¥, £, €), arrows (← → ↑ ↓), math (≈ ≠ ≤ ≥, π, μ), Greek (α β γ Δ Ω), Cyrillic (Ж Д Я) all render via Roboto Flex.

Icons (Material Symbols, theme chrome only)

5-star rating, rendered as icons (NOT as ★ glyphs in Roboto — that codepoint is not in Roboto Flex):

GRAD axis is shared between Roboto Flex (text) and Material Symbols (icons). Move the GRAD slider to see both update simultaneously — this is the implementation of M3 spec's "match grade between text and symbols for harmonious visual effect."