Web Font
A font loaded from the web rather than installed locally, ensuring consistent typography for all visitors. Web fonts expand typographic options beyond system fonts but add loading time. Framer provides Google Fonts integration and supports custom font uploads for brand fonts.
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.
Font Variable
Framer
A variable font containing multiple weights, widths, or styles in a single file, enabling smooth interpolation between values. Variable fonts reduce file downloads while offering greater typographic flexibility. Use variable fonts for performance benefits and fluid typography that responds to user preferences.
Google Fonts
Typography
A library of free, open-source web fonts hosted by Google with global CDN delivery for fast loading. Google Fonts simplifies typography with easy embedding and wide browser support. Framer integrates Google Fonts directly, making them available without additional configuration.
Typography
Typography
The art and technique of arranging text for readability, legibility, and visual appeal. Good typography guides readers through content while reinforcing brand personality. Study typography fundamentals—font choice, sizing, spacing, and hierarchy—to elevate all your designs.
Font Family
Typography
A Font Family is a grouped collection of type styles and weights designed with consistent visual DNA for cohesive typography systems.
Points
Typography
Points are a standard unit in typography for sizing text and related spacing, where 1 point equals 1/72 of an inch.
Font Subsetting
Performance
In Framer, font subsetting can improve page speed by minimizing font downloads while preserving the typography needed for the published site.