Verdana Font
Verdana is an example of a humanist sans serif font family that has been developed with a focus on web compat…
Fonts by use
Free fonts for websites, apps and interfaces
Interface type has unglamorous requirements: clear at 14 px, distinguishable numerals, enough weights for hierarchy, and letterforms that do not tire the eye after a thousand words. The fonts in this collection meet those demands and keep file sizes reasonable when self-hosted.
Use them for marketing sites, dashboards, mobile apps, documentation and product UI. Download is free; shipping a font inside a web page or an app is distribution, so the license in the ZIP matters here more than usual.
- hand-picked fonts
- 24
- download, no signup
- Free
- Windows & Mac
- TTF / OTF
24 fonts for websites and app ui
Ranked by fit for this use, then by popularity. Every font has a preview page and a free download.
News Gothic Font
News Gothic is a simple and clean, geometric sans-serif font family that has enjoyed timeless popularity with…
Nexa Font
Nexa, a practical and eye-catching sans serif font created by Fontfabric, has gained popularity and is widely…
Proxima Nova Font
Proxima Nova is a highly versatile and widely acclaimed typeface designed by Mark Simonson. With its clean, m…
Advertisement
Segoe UI Font
Segoe UI Font brings clean, modern design to your digital projects. This typeface works great for screens and…
FS Me Font
FS Me is a modern font from Fontsmith, a respected type foundry known for its innovative and high-quality des…
Arimo Font
Arimo is a clean and modern sans serif font designed for clear readability on screens and print. Its balanced…
Filson Pro Font
Filson Pro, a recent addition to the font family of modern fonts, is widely popular for its flexibility and s…
FF Meta Font
FF Meta is the famous sans serif font family by Erik Spiekermann, distributed through FontFont. Designed in t…
Advertisement
Myriad Font
Myriad is a clean humanist sans-serif font with warm style. Moreover, Robert Slimbach and Carol Twombly creat…
Cocogoose Font
Cocogoose is a geometric sans-serif font family that perfectly balances the rationalist idealization of the d…
Lemon Milk Font
Lemon Milk is a geometric sans serif font family that has found its place in the design society and is admire…
Benton Sans Font
Benton Sans is a commercial font designed by Tobias Frere-Jones in 1995. It is an original interpretation of…
FS Albert Font
FS Albert is a contemporary font created by the famous type foundry Fontsmith. It features a beautiful, versa…
Advertisement
Neue Plak Font
Neue Plak Font is the modern variation of the Plak typeface designed by the famous German type designer, Paul…
Axiforma Font
Axiforma is a geometric sans serif font family with a strong emphasis on legibility and contemporary design c…
Brandon Grotesque Font
Brandon Grotesque is a modern sans serif font with clean shapes and a warm geometric style. Its rounded edges…
ITC Conduit Font
ITC Conduit is a font with a unique functionality and visual allure blend. Its subtle geometry, balanced prop…
Trade Gothic Font
Trade Gothic, created by Jackson Burke for Linotype in 1948, is a family of fonts. Burke based his Trade Goth…
Advertisement
TheSans Font
TheSans is a modern sans serif font family of the Thesis superfamily by the Dutch type designer Luc(as) de Gr…
Akzidenz Grotesk Font
Akzidenz Grotesk, a sans serif font family, was introduced in 1896 by the Berthold Type Foundry based in Berl…
TT Fors Font Family
Introducing TT Fors, a contemporary geometric sans serif font that seamlessly blends varying widths, inspired…
Neulis Font
Neulis is a geometric sans serif and modern script hybrid font in two family variations. The Neulis design un…
Helixa – Clean & Modern Font Family
Helixa is a neo-grotesque typeface with a clean & modern design and an enduring appearance. This is a perfect…
Choosing and loading a UI typeface
Body text at 16 px with 150 percent line spacing is a safe default; go up, not down, on mobile. Pick a family with at least regular, medium and bold. Self-host the WOFF2 file, preload the one weight used above the fold, and set font-display to swap so text appears immediately. Check numerals, the capital I, lowercase l and digit 1 before committing.
Questions about fonts for websites and app ui
- What is the best font size for web body text?
- 16 px as a minimum, with line spacing around 1.5. Smaller text increases bounce rate more than any design detail.
- Can I embed these fonts in a website or app?
- Web embedding and app bundling are specific license rights. Read the ZIP license; fonts released under open licenses allow both.
- How do I keep fonts from slowing the page?
- Self-host WOFF2, load only the weights you use, preload the first one and set font-display swap. Two weights are usually enough.
More fonts by use
- Free fonts for presentations, decks and slidesClear, confident faces that read from the back of a meeting room.
- Free fonts for business cards and stationeryCrisp, professional faces that stay legible at tiny sizes.
- Free monospace and typewriter fonts for codingFixed-width faces for editors, terminals, code snippets and tech branding.