IBM Plex Mono & Roboto
A corporate coding monospace headline with a neutral Android grotesque body.
Typography is a hierarchy
Decide what speaks first
If everything is emphasised, nothing is. Give each face one clear job.
Why it works
IBM Plex Mono's corporate coding monospace headline does the signalling while Roboto's neutral Android grotesque text does the reading.
What each font brings
- Heading face
- IBM Plex Monocorporate coding monospace
- Body face
- Roboto keeps the reading even and quiet.neutral Android grotesque
Best for
Copy the code
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700;900&display=swap" />