liveBook · Manning

Serif

As explained in WordPress Power Toolkit: Harness AI to build next-level websites

A serif typeface, or serif font, is a typeface whose characters have projecting finishing strokes at the ends of their main strokes.

A serif typeface has projecting finishing strokes, or curlicues, at the ends of its main letter strokes. This gives it a more traditional and formal appearance than a plain sans serif design. section 4.1.3

Serif choices can help communicate reliability, trustworthiness, solidity, or conservatism. They suit formal contexts such as hospital and bank websites, while many sites prefer sans serif body text. section 4.1.3 section 4.1.4

Common serif typefaces illustrate different levels of formality and emphasis:

  • Times New Roman offers a classic, formal look suited to documents or websites conveying solidity and conservatism. section 4.1.4
  • Bodoni uses high contrast and often appears in titles and headings. section 4.1.4
  • Garamond provides an elegant, timeless style commonly associated with books and printed materials. section 4.1.4
  • Cambria is readable but remains a serif font that some guidance recommends avoiding for website body text. section 4.1.3

Choosing a typeface for a website

A bank website can use Times New Roman to reinforce a formal, trustworthy impression. A site seeking a simpler screen-reading experience might instead choose Verdana, a sans serif typeface designed for onscreen reading. section 4.1.3 section 4.1.3

How WordPress Power Toolkit: Harness AI to build next-level websites covers it

How deep it goes
Defines the visual feature, compares representative typefaces, and discusses website uses without detailing font-rendering internals.
Examples
Uses Times New Roman, Bodoni, Garamond, and Cambria as serif examples, alongside Verdana for contrast.
What you can do after
Evaluate serif and sans serif choices against a website’s desired impression and reading context.
How it connects
Connects serif with sans serif, typeface, font, font family, website body text, and CSS customization.

Also explained in

Compare how 3 books explain serif →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of WordPress Power Toolkit: Harness AI to build next-level websites. The section links point to the parts of the book it draws on.