present-in-html: font pairings and theme defaults

35 pairings, 32 themes. Set one with data-fonts / data-theme on <html> or press S in a deck.

Font pairings

Inter / Interdata-fonts="inter"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Fraunces / Interdata-fonts="fraunces"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
IBM Plex Sans / Plex Monodata-fonts="plex"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Playfair / Source Sansdata-fonts="playfair"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Space Grotesk / Interdata-fonts="grotesk"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
System fontsdata-fonts="system"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Sora / Interdata-fonts="sora"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Cormorant Garamond / Source Sansdata-fonts="cormorant"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Spectral / Public Sansdata-fonts="spectral"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Archivo Narrow / Archivo / Azeret Monodata-fonts="archivo"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Barlow Condensed / Barlowdata-fonts="barlow"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Bitter / Public Sansdata-fonts="bitter"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Bodoni Moda / Alegreya / Fragment Monodata-fonts="bodoni"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Bricolage Grotesque / DM Sansdata-fonts="bricolage"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Libre Caslon Text / Work Sans / Chivo Monodata-fonts="caslon"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Epilogue / Instrument Sans / Martian Monodata-fonts="epilogue"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Figtree / Plex Monodata-fonts="figtree"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Fira Sans / Fira Monodata-fonts="fira"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Libre Franklin / Roboto Monodata-fonts="franklin"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
EB Garamond / Public Sansdata-fonts="garamond"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Geist / Geist Monodata-fonts="geist"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Gelasio / Latodata-fonts="gelasio"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Plus Jakarta Sans / JetBrains Monodata-fonts="jakarta"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Jost / DM Monodata-fonts="jost"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Lexend / Atkinson Hyperlegibledata-fonts="lexend"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Literata / Karladata-fonts="literata"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Outfit / Albert Sans / Spline Sans Monodata-fonts="outfit"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Overpass / Overpass Monodata-fonts="overpass"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Petrona / Hanken Grotesk / Red Hat Monodata-fonts="petrona"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Plex Condensed / Plex Sansdata-fonts="plexcond"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Readex Pro / Plex Arabic (EN + AR)data-fonts="readex"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Red Hat Display / Red Hat Text / Red Hat Monodata-fonts="redhat"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
STIX Two / Source Sansdata-fonts="stix"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Syne / Manropedata-fonts="syne"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Young Serif / Alegreya Sans / Fragment Monodata-fonts="youngserif"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789

Theme defaults (their own colours and type)

Keynote Whitedata-theme="keynote-white"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Keynote Blackdata-theme="keynote-black"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Boardroomdata-theme="boardroom"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Swissdata-theme="swiss"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Editorialdata-theme="editorial"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Studiodata-theme="studio"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Archivedata-theme="archive"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Blueprintdata-theme="blueprint"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Campaigndata-theme="campaign"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Chalkdata-theme="chalk"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Chambersdata-theme="chambers"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Civicdata-theme="civic"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Clinicdata-theme="clinic"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Commitdata-theme="commit"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Drawingdata-theme="drawing"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Estatedata-theme="estate"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Lab bookdata-theme="labbook"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Ledgerdata-theme="ledger"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Menudata-theme="menu"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Newsroomdata-theme="newsroom"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Notebookdata-theme="notebook"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Partnerdata-theme="partner"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Peopledata-theme="people"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Pitchdata-theme="pitch"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Pitchsidedata-theme="pitchside"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Roadmapdata-theme="roadmap"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Schoolyarddata-theme="schoolyard"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Sentineldata-theme="sentinel"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Spectrumdata-theme="spectrum"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Thesisdata-theme="thesis"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Trainerdata-theme="trainer"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789
Wireframedata-theme="wireframe"

Make the numbers speak

Great decks lead with one claim and prove it. Body text should stay readable from the back of the room: 4.2M users, 38.4% faster, 1,840 customers.

const next = (step) => step + 1;  // 0123456789