The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
IBM PLEX MONO + IBM PLEX SANS
IBM PLEX MONO
IBM PLEX SANS
CHARACTER SET · IBM PLEX MONO
IBM PLEX SANS
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
IBM's monospaced typeface, part of the Plex superfamily. Designed to work alongside Plex Sans and Serif, it carries the same proportional rhythm into a fixed-width context for code and data.
Mike Abbink, 2017
monospace · 14 styles
Italic
Recommended: 400, 600, 700
Available: 100–700
IBM Plex Sans
IBM's corporate sans-serif, designed to express the brand's ethos of progressive, human-centered design. A neutral grotesk with just enough personality to avoid feeling sterile.
Mike Abbink, 2017
sans-serif · 14 styles
Variable · Italic
Recommended: 400, 500, 600
Available: 100–700
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.
RELATED PAIRS
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.