Roboto Flex Specimen
General
Drag ↔Change width (wdth + XTRA)
Drag ↕Change weight (wght + XOPQ)
Shift + dragApply to all rows
Double-click textEdit text content
Arrow keysAdjust hovered row
Alt + drag ↕Adjust margins
Alt + drag ↔Adjust letter spacing
Shift+Alt + dragBroadcast to all rows
Axis Buttons (Zone 1-4)
TRAK ↔Letter spacing
LINE ↕Line spacing (margins)
YTUC ↕Caps height
opsz ↕Optical size
slnt ↔Slant (italic)
YTFI ↕Figure height
YTDE ↕Descender depth
YTLC ↕x-height
YTAS ↕Ascender height
YOPQ ↕Y-axis stroke thickness
GRAD ↕Grade (overall weight)
XOPQ ↕X-axis stroke thickness
XTRA ↔Extra width (counter size)
wdth ↔Width (primary)
wght ↕Weight (primary)
Double-clickReset axis to default
Shift+clickBroadcast to all rows
Touch Gestures
Drag rowWidth/weight
Drag buttonAdjust that axis
PinchSlant
Double-tapReset row
Keyboard Shortcuts
?Toggle this help
EscapeClose help / exit edit
RReset hovered row
SShuffle all
CCopy CSS of hovered row
PToggle panel
1 / 2 / 3Light / Dark / Colorful mode