An interface looks amateur for typographic reasons far more often than for colour reasons. Wrong typeface, wrong sizes, wrong line height.
These are free, licensed for commercial work, and specifically drawn for screens rather than for print.
Inter
The safe default: designed for small sizes on screens, with the numeric variants dashboards need.
rsms.me/interManrope
Works for headlines and body text alike, which saves loading a second family.
fonts.google.com/specimen/ManropeIBM Plex Sans
A complete family with sans, serif, condensed and mono that all belong together.
ibm.com/plexSource Sans 3
Adobe's open typeface: extremely readable and completely uncontroversial.
fonts.google.com/specimen/Source+Sans+3Space Grotesk
Gives a landing page personality without becoming unreadable at body size.
fonts.google.com/specimen/Space+GroteskJetBrains Mono
Designed for reading code for hours, with ligatures you can turn off.
jetbrains.com/lp/monoFontsource
Install any of the above as an npm package and stop depending on Google Fonts.
fontsource.orgTwo families is the limit for most products: one for the interface and one for code.
Need it built, not just chosen?
Web apps, APIs, infrastructure and interfaces. Freelance from Barcelona, working with clients anywhere.
Leave a Reply