Should I use serif or sans-serif fonts in UI?
Sans-serif fonts are the go-to for UI design—they're cleaner and easier to read on screens.
Serif fonts can be used for personality or headings, but should be tested for legibility.
Sans-serif examples: Inter, Roboto, SF Pro, Outfit
Serif examples: Georgia, Times New Roman, Garamond, Playfair Display
Use serif fonts sparingly in digital interfaces.
Want help with choosing the right style? See our Typography Masterclass.
Similar questions
What is typographic contrast?
What are system fonts and should I use them?
How do I align text in a UI layout?
How do I make sure my typography is accessible?
What is a baseline in text layout?
What is the x-height in typography?
What is letter spacing and when should I adjust it?
What’s the ideal line length for body text?
What is line height and why does it matter?
What is a good font size for mobile?
What’s the difference between font and typeface?
How do I choose the right font for an app?
Best tools for non-designers: How to identify a font from an image?
What is the best way to identify a font from an image?
Are there free tools to identify fonts from images?
What if I can’t find the exact font from the image?
Is there an app to identify fonts from a picture?
What’s the difference between a wireframe and a prototype?
What is typography in UI design?
Why is typography important in UI design?
How do I choose the right font for a UI design?
What fonts are commonly used in UI design?
How many different fonts should I use in one UI design?
How do you structure typography scales for responsive UI design?
How can I use typography to improve readability in UI?
What is the difference between a system font and web font?