Typography

Examples for typography, including global settings, headings, body text, lists, and more

Headings
Heading 1

Bootstrap heading

Heading 2

Bootstrap heading

Heading 3

Bootstrap heading

Heading 4

Bootstrap heading

Heading 5
Bootstrap heading
Heading 6
Bootstrap heading
Display
Display 1

Display heading

Display 2

Display heading

Display 3

Display heading

Display 4

Display heading

Display 5

Display heading

Display 6

Display heading

Paragraphs
Primary Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Secondary Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Success Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Info Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Warning Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Danger Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Muted Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Faucibus purus in massa tempor nec feugiat nisl. Et netus et malesuada fames ac turpis egestas.

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Header with small tag

Fancy display heading With faded secondary text

Blockquotes
Blockquotes source

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
Text truncation
Praeterea iter est quasdam res quas ex communi.
Praeterea iter est quasdam res quas ex communi.
Alignment
align blockquote with text utilities

A well-known quote, contained in a blockquote element.

Inline Texts
inline HTML5 elements style

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted text.

This line of text is meant to be treated as no longer accurate.

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.