Typeface
A family of fonts sharing consistent design characteristics, such as Helvetica or Inter, containing multiple weights and styles. Choose typefaces that reflect brand personality while maintaining readability. Limit to 2-3 typefaces per project for cohesion.
Font
Typography
A specific style and weight within a typeface family, like Inter Bold or Helvetica Light Italic. Choosing appropriate fonts affects readability, brand perception, and page performance. Framer provides access to Google Fonts and supports custom font uploads for complete typographic control.
X-Height
Typography
The height of lowercase letters in a typeface, measured using the letter ‘x’, affecting perceived size and readability. Fonts with larger x-heights appear larger and more readable at small sizes. Consider x-height when selecting fonts for body text.
Font Family
Typography
A Font Family is a grouped collection of type styles and weights designed with consistent visual DNA for cohesive typography systems.