{ "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [ { "@type": "Question", "name": "What is the difference between a font and a typeface?", "acceptedAnswer": { "@type": "Answer", "text": "A typeface is the design family (e.g., Inter); a font is a specific weight/size instance (e.g., Inter Bold 16px)." } }, { "@type": "Question", "name": "How many fonts should a website use?", "acceptedAnswer": { "@type": "Answer", "text": "Two — one for headings and one for body — is the standard best practice." } }, { "@type": "Question", "name": "What is font loading performance?", "acceptedAnswer": { "@type": "Answer", "text": "Web fonts can delay rendering; use font-display: swap and preloading to minimise layout shift." } } ] }
Definition

What Is a Font in Web Design?

A specific style, weight, and size of a typeface. In web design, fonts are loaded via CSS using web-safe fonts or web font services like Google Fonts or Adobe Fonts.

Related Terms

Typography

Brand Guidelines

CSS

Visual Hierarchy

Above the Fold

Example

A B2B SaaS site uses Inter as its primary font at weights 400 (body) and 700 (headings) for clarity and modern aesthetics.

Synonyms:

Typeface, Web font

Acronyms:

-