Fraunces + Karla font pairing

Q: What font pairs with Fraunces?

Karla pairs well with Fraunces. Fraunces brings expressive, editorial contrast while Karla keeps the supporting copy warm, direct, and highly readable.

Fraunces and Karla are a serif and sans-serif pairing with strong contrast. Fraunces for headings, Karla for body text. Fraunces brings expressive, editorial contrast while Karla keeps the supporting copy warm, direct, and highly readable. Ideal for considered brands, property and finance sites, editorial products, and polished marketing pages.

FRAUNCES + KARLA

EDIT BELOW

FRAUNCES

SERIF

The Quick Brown Fox Jumps Over The Lazy Dog

KARLA

SANS-SERIF

Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, as well as modifying the space between pairs of letters.

USE THIS PAIR

# npm
npm install @fontsource/fraunces @fontsource/karla

# yarn
yarn add @fontsource/fraunces @fontsource/karla

# pnpm
pnpm add @fontsource/fraunces @fontsource/karla

# Then import in your app entry point:
import '@fontsource/fraunces';
import '@fontsource/karla';

# CSS usage:
# h1, h2, h3 { font-family: 'Fraunces', serif; }
# body { font-family: 'Karla', sans-serif; }

RECOMMENDED WEIGHTS · FRAUNCES

RECOMMENDED WEIGHTSFRAUNCES

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

SemiBold 600

SemiBold 600The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

Black 900

Black 900The quick brown fox jumps over the lazy dog

KARLA

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

Medium 500

Medium 500The quick brown fox jumps over the lazy dog

SemiBold 600

SemiBold 600The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

CHARACTER SET

FRAUNCES

CHARACTER SET · FRAUNCES

(

)

;

–

KARLA

(

)

;

–

ABOUT

Fraunces

An old-style soft serif with a 'wonky' axis that controls the quirkiness of its letterforms. By Undercase Type, it ranges from refined to playful depending on the optical size and wonk settings.

Undercase Type, 2020

serif · 18 styles

Variable · Italic

Recommended: 400, 600, 700, 900

Available: 100–900

→ Google Fonts ↗

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, 600, 700

Available: 200–800

→ Google Fonts ↗

editorial elegant startup