Nexa Font
Nexa, a practical and eye-catching sans serif font created by Fontfabric, has gained popularity and is widely…
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.
Segoe UI Font
Segoe UI Font brings clean, modern design to your digital projects. This typeface works great for screens and…
News Gothic Font
News Gothic is a simple and clean, geometric sans-serif font family that has enjoyed timeless popularity with…
Axiforma Font
Axiforma is a geometric sans serif font family with a strong emphasis on legibility and contemporary design c…
Advertisement
Akzidenz Grotesk Font
Akzidenz Grotesk, a sans serif font family, was introduced in 1896 by the Berthold Type Foundry based in Berl…
Arimo Font
Arimo is a clean and modern sans serif font designed for clear readability on screens and print. Its balanced…
Geometria Font
Geometria is a clean geometric sans-serif font with a modern style. Moreover, it uses simple shapes like circ…
Chopin Font
Chopin is a geometric sans-serif font that gives off a mood of personality, activity, and movement. Designed…
Meticula Font
Meticula is a sans-serif font family which provides 18 font sets. It meticulously supported complex geometric…
Advertisement
Gotham Font Family
Gotham is a modern and sans serif typeface created by Tobias Frere Jones in 2000. Borrowing its design from a…
Bebas Neue Font
Bebas Neue is a bold and versatile sans-serif font family that has become popular since its release in 2010.…
Myriad Font
Myriad is a clean humanist sans-serif font with warm style. Moreover, Robert Slimbach and Carol Twombly creat…
Verdana Font
Verdana is an example of a humanist sans serif font family that has been developed with a focus on web compat…
Morganite Font
Morganite is a modern sans-serif font with a smooth mix of grace and adaptability, making it an elegant but a…
Advertisement
Cocogoose Font
Cocogoose is a geometric sans-serif font family that perfectly balances the rationalist idealization of the d…
Gordita Font
Gordita is a minimalist sans serif font family by Thomas Gillett and lettering by iKern engineer. Gordita is…
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…
Gill Sans Nova Font
Gill Sans Nova is a modern revival of the famous Gill Sans font, created by the prominent British designer Er…
Advertisement
Barmeno Font
Barmeno is a friendly sans serif font with rounded shapes and a soft, inviting style. Its smooth curves and c…
Trade Gothic Font
Trade Gothic, created by Jackson Burke for Linotype in 1948, is a family of fonts. Burke based his Trade Goth…
Proxima Nova Font
Proxima Nova is a highly versatile and widely acclaimed typeface designed by Mark Simonson. With its clean, m…
Brandon Grotesque Font
Brandon Grotesque is a modern sans serif font with clean shapes and a warm geometric style. Its rounded edges…
Pais Font Family
“País” is a contemporary and modern grotesque sans serif, inspired by the grotesques of the early 20th centur…
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.