Noto Serif + Noto Sans font pairing

Q: What font pairs with Noto Serif?

Noto Sans pairs well with Noto Serif. Google's Noto project aims to support every language. This pair works globally — same proportions, massive character coverage.

Noto Serif and Noto Sans are a serif and sans-serif pairing with balanced contrast. Noto Serif for headings, Noto Sans for body text. Google's Noto project aims to support every language. This pair works globally — same proportions, massive character coverage. Perfect for international products, multi-language sites, and global platforms.

NOTO SERIF + NOTO SANS

EDIT BELOW

NOTO SERIF

SERIF

The Quick Brown Fox Jumps Over The Lazy Dog

NOTO SANS

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/noto-serif @fontsource/noto-sans

# yarn
yarn add @fontsource/noto-serif @fontsource/noto-sans

# pnpm
pnpm add @fontsource/noto-serif @fontsource/noto-sans

# Then import in your app entry point:
import '@fontsource/noto-serif';
import '@fontsource/noto-sans';

# CSS usage:
# h1, h2, h3 { font-family: 'Noto Serif', serif; }
# body { font-family: 'Noto Sans', sans-serif; }

RECOMMENDED WEIGHTS · NOTO SERIF

RECOMMENDED WEIGHTSNOTO SERIF

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

NOTO SANS

Regular 400

Regular 400The quick brown fox jumps over the lazy dog

Medium 500

Medium 500The quick brown fox jumps over the lazy dog

Bold 700

Bold 700The quick brown fox jumps over the lazy dog

CHARACTER SET

NOTO SERIF

CHARACTER SET · NOTO SERIF

(

)

;

–

NOTO SANS

(

)

;

–

ABOUT

Noto Serif

The serif companion to Noto Sans, providing global language coverage with classical proportions. Shares the same vertical metrics as Noto Sans for seamless mixing of serif and sans in multilingual layouts.

Google, 2014

serif · 18 styles

Variable · Italic

Recommended: 400, 700

Available: 100–900

→ Google Fonts ↗

Noto Sans

Google's universal sans-serif, part of the Noto project to support every written language. Designed by Monotype, it provides harmonious coverage across Latin, CJK, Arabic, Devanagari, and hundreds more scripts.

Google, 2014

sans-serif · 18 styles

Variable · Italic

Recommended: 400, 500, 700

Available: 100–900

→ Google Fonts ↗

minimal technical