← ALL PAIRS

NOTO SERIF + NOTO SANS

The Quick Brown Fox Jumps Over The Lazy Dog
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 after import:
# font-family: 'Noto Serif', serif;
# font-family: 'Noto Sans', sans-serif;

ABOUT

Noto Serif

Google, 2014

serif · 400, 700

→ Google Fonts ↗

Noto Sans

Google, 2014

sans-serif · 400, 500, 700

→ Google Fonts ↗

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.

minimaltechnical

RELATED PAIRS

NOTO SERIF × NOTO SANS33 / 38