Skip to content

Brand

BrandGRBrand DNAGDLogoGLMockupGMSocial MediaGOBrand GuidelinesGUBrand ProjectsGP

Design

TypographyGTColorGCIconGIBackgroundGBEffects LabGF

Tools

SVG PlaygroundGSAccessibility LabGAExport EngineGE

Resources

v1.0.0 · MIT

Studio

Typography Studio

Browse Google Fonts, pair typefaces and generate fluid type scales.

Inter56px · 500 · 1.15 / -0.02em

Preview text

Google Fonts

F

Variable only

Favorites

0 families

Preview

Weight

Size56px

Line height1.15

Letter spacing-0.020em

OpenType features

Support varies per font. Samples render in the active font so you can see what it ships.

Ligatures

Standard ligatures ligafi fl ffi

Discretionary ligatures dligct st Th

Kerning kernAV To Wa

Letter case

Small caps smcpSmall Caps

Caps to small caps c2scNASA HTML

Case-sensitive forms case(HELLO)

Numbers

Lining figures lnum0123456789

Oldstyle figures onum0123456789

Tabular figures tnum1,111.11

Proportional figures pnum1,111.11

Slashed zero zero0O0

Fractions frac1/2 3/4

Stylistic sets

Stylistic set 1 ss01a g y

Stylistic set 2 ss02a g y

Font inspector

Inspect a local font file with OpenType.js. It never leaves your device.

Drop an .otf, .ttf or .woff file