How SharePoint Fonts Are Used in Origami Web Parts

When you create a font package, each font type is used for a different kind of text on the page.

Title
• Controls the biggest and most important text
• This is the text people notice first
• Used for main headlines and large feature text

Headings
• Controls text that breaks content into sections
• Helps people quickly scan and understand the page
• Used for titles and section labels

Body
• Controls regular reading text
• This is the text people read the most
• Used for summaries, descriptions, and paragraphs

Interactive
• Controls text you can click
• This text performs an action when selected
• Used for buttons, tabs, filters, and links like “Read more” or “View more”

Below are visual examples showing how these settings affect our web parts.

Banner with News:

Banner with News Plus:

Carousel With Expanding Links:

Search Banner:

Banner Half-Image:

News Center:

Tabs:

Video Carousel:

Process and Timeline:

KPI:

Mandatory Read Reminder:

Kudos:

Contact Card: