The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Manrope and Karla are a sans-serif pairing with a harmonious, low-contrast match. Manrope for headings, Karla for body text. Manrope's geometric precision meets Karla's grotesque warmth. Clean and approachable. Ideal for clean product interfaces, settings pages, and form-heavy apps.
MANROPE + KARLA
EDIT BELOW
USE THIS PAIR
# npm
npm install @fontsource/manrope @fontsource/karla
# yarn
yarn add @fontsource/manrope @fontsource/karla
# pnpm
pnpm add @fontsource/manrope @fontsource/karla
# Then import in your app entry point:
import '@fontsource/manrope';
import '@fontsource/karla';
# CSS usage:
# h1, h2, h3 { font-family: 'Manrope', sans-serif; }
# body { font-family: 'Karla', sans-serif; }RECOMMENDED WEIGHTS · MANROPE
KARLA
CHARACTER SET · MANROPE
KARLA
Manrope
A geometric sans-serif with semi-condensed proportions and distinctive circular counters. Designed by Mikhail Sharanda as a variable font, it works well for both UI and marketing contexts.
Mikhail Sharanda, 2018
sans-serif · 7 styles
Variable
Recommended: 500, 700, 800
Available: 200–800
Karla
A grotesque sans-serif with Indian and Latin character support. Its slightly quirky, handmade quality gives it warmth while maintaining the reliability of a text-grade typeface.
Jonathan Pinhorn, 2012
sans-serif · 14 styles
Variable · Italic
Recommended: 400, 500, 700
Available: 200–800
Would Manrope + Karla work for my project?
Sends this question and a link back to this page.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.