Typography

Home > Typography

Typography Style

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body 1

Body 2
Body 3
Caption

This is normal text

This is light text

This is bold text

This is emphasized text

This is big text

This is small text

This is strong text

This is text inserted to the document
This is text deleted from the document
This is code text
This is highlighted text

Unordered List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit, sed do eiusmod
  • Labore et dolore magna aliqua
    • Ut enim ad minim veniam, quis nostrud
    • Lorem ipsum dolor sit amet
  • Adipiscing elit sed do eiusmod
  • Dolor amet consectetur

Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit, sed do eiusmod
    1. Labore et dolore magna aliqua
    2. Ut enim ad minim veniam, quis nostrud
  3. Adipiscing elit sed do eiusmod

Blockquote

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Lorem ipsum dolor sit amet conse ctetur adipisicing elit. - Virginia Turner, Client

Paragraph

Conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur lorem ipsum dolor. Labore et dolore magna aliqua ut enim ad minim veniam. Adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmodut ut enim ad minim veniam. Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo ullamco laboris nisi ut consequat.Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmodut labore et dolore magna aliqua. Lorem ipsum dolor sit amet conse ctetur adipisicing.

Button


Standard Inline Elements

Bold text dolor sit amet, consectetur accent color adipisicing elit, hovered accents sed do eiusmod tempor hovered ut labore et dolore magna aliqu quis nostrud exercitation ullamco laboris nisllum dolore eu fugiat nulla pareur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt m est laborum.

Italic text example iste natus error sit voluptatem italic text example doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vei architecto

Acronym Tag (deprecated in HTML5)

beatae explicabo. Nemo enptatem quia oluptas sit aspernatur tooltip example aut odit aut fugit, sed quia consequuntur magni dolores eos quiet.

					.post-title {
						margin: 0 0 5px;
						font-weight: bold;
						font-size: 38px;
						line-height: 1.2;
						and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
					}
					

Dropcaps

Dliquam erat volutpat. Ut wisi enim ad minim veam, quis nosud exerci tation ullamcorper suscipit lobortis ut aliquip exdo consequuis autem vel eum iriure dolor in hendrerit in. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque lau.

Dliquam erat volutpat. Ut wisi enim ad miveniam, quis nosud exerci tation ullamcorper suscipit lobortis ut aliquip ex ea commodo consequat. Sed ut perspiciatis, unde omnis istnatus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab.