What’s the difference between font and typeface?
A typeface is the overall design style—like Roboto or Helvetica.
A font is a specific version of that typeface—like Roboto Bold 14pt.
Think of a typeface as a song, and a font as a recording of that song in a certain key and tempo.
Want to dig into typography structure? Explore our Typography Masterclass for more.
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?
Should I use serif or sans-serif fonts in UI?
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?
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?