Curated pair
IBM Plex Mono + IBM Plex Sans
Heading · monospace
The quick brown fox jumps over the lazy dog
Body · sans-serif
Typography is what language looks like. A strong pairing gives the heading a distinct voice while the body stays quiet, legible, and comfortable across long passages — at any size, on any screen.
HTML link
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">CSS import
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');CSS rules
.heading {
font-family: 'IBM Plex Mono', monospace;
}
.body {
font-family: 'IBM Plex Sans', sans-serif;
}