← ALL PAIRS

IBM PLEX MONO + IBM PLEX 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/ibm-plex-mono @fontsource/ibm-plex-sans

# yarn
yarn add @fontsource/ibm-plex-mono @fontsource/ibm-plex-sans

# pnpm
pnpm add @fontsource/ibm-plex-mono @fontsource/ibm-plex-sans

# Then import in your app entry point:
import '@fontsource/ibm-plex-mono';
import '@fontsource/ibm-plex-sans';

# CSS usage after import:
# font-family: 'IBM Plex Mono', monospace;
# font-family: 'IBM Plex Sans', sans-serif;

ABOUT

IBM Plex Mono

Mike Abbink, 2017

monospace · 400, 600, 700

→ Google Fonts ↗

IBM Plex Sans

Mike Abbink, 2017

sans-serif · 400, 500, 600

→ Google Fonts ↗

IBM's type family was designed as a system. Mono and Sans share DNA, creating seamless transitions between code and prose. Ideal for technical documentation, API references, and enterprise developer platforms.

IBM PLEX MONO × IBM PLEX SANS26 / 38