Font Styles

Below are all of the basic font styles that you can add to your text using the rich text (WYSIWYG) editor. For instructions on adding these styles to your content please see our page on formatting text.

This text is bold. This text is italicized. This text is underlined. This text is strikethrough.

This is text with a subscriptlipsum. This is text with a superscriptlipsum.

This is an ordered (numbered) list.

  1. List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit
  2. List item 2 lorem ipsum dolor sit amet, consectetur adipiscing elit
    1. This is a secondary list item lorem ipsum dolor sit amet
    2. This is a secondary list item lorem ipsum dolor sit amet
    3. This is a secondary list item lorem ipsum dolor sit amet
  3. List item 3 lorem ipsum dolor sit amet, consectetur adipiscing elit

This is an unordered (bulleted) list.

  • List item 1 lorem ipsum dolor sit amet, consectetur adipiscing elit
  • List item 2 lorem ipsum dolor sit amet, consectetur adipiscing elit
    • This is a secondary list item lorem ipsum dolor sit amet
    • This is a secondary list item lorem ipsum dolor sit amet
    • This is a secondary list item lorem ipsum dolor sit amet
  • List item 3 lorem ipsum dolor sit amet, consectetur adipiscing elit

This is a paragraph of plain text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta a metus in venenatis. Sed quis est lacus. Nulla ante tortor, malesuada eu tempus congue, aliquet nec tortor. Sed magna erat, fermentum at urna vel, gravida viverra magna.

This paragraph is indented. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta a metus in venenatis. Sed quis est lacus. Nulla ante tortor, malesuada eu tempus congue, aliquet nec tortor. Sed magna erat, fermentum at urna vel, gravida viverra magna.

This is a blockquote. Duis consectetur urna ac aliquam interdum. Duis cursus magna a consequat euismod. Maecenas quis mollis sem. Cras consequat, lectus ut dapibus fermentum, ante metus porttitor odio, dapibus venenatis eros est non sem. Donec feugiat pharetra elit et elementum. Praesent pharetra commodo nulla nec bibendum. Sed eleifend nunc eu convallis tristique.

This paragraph is aligned left. Phasellus suscipit, sem at mollis auctor, orci risus porttitor elit, eget condimentum ligula nisl vel ipsum. Aliquam faucibus quam nec ex lobortis dignissim. Ut in lectus ante. Aenean sagittis bibendum massa at vestibulum. Ut vel ipsum a sem accumsan iaculis sit amet sed justo. Sed rutrum purus eget felis auctor tempor. Vestibulum tincidunt accumsan facilisis. Quisque sodales malesuada lectus, sit amet placerat lorem facilisis non.

This paragraph is centered. Cras scelerisque mollis tellus. Phasellus eu odio orci. Aenean porta, odio sit amet tincidunt suscipit, lacus nulla porta dolor, id ornare turpis odio sit amet leo. Sed quis erat ornare nulla rhoncus placerat vitae a lectus. Donec accumsan libero turpis, a posuere odio convallis nec. Nullam dapibus volutpat dolor malesuada commodo. Morbi eu ligula risus.

This paragraph is aligned right. Cras faucibus urna nisi, eu consectetur enim dignissim sit amet. Aenean quam ante, scelerisque ac ullamcorper eget, tincidunt nec mauris. Praesent quis accumsan urna, ac egestas justo. Donec consequat hendrerit cursus. Morbi id magna varius, posuere ex accumsan, hendrerit orci. Curabitur ut arcu ut urna varius ornare. Quisque convallis tellus nec mi finibus bibendum.

This paragraph is justified to take up the full text column. Cras vitae nunc a lorem lacinia posuere id vel nisi. Mauris et condimentum nulla. Sed pretium sapien vitae est eleifend consectetur. Suspendisse nec congue felis, quis lacinia risus. In ut volutpat turpis, quis venenatis nulla. Nunc vitae cursus ex. Curabitur nec purus ac orci euismod venenatis at vitae ante. Ut tincidunt sed ex quis cursus. Sed a faucibus enim.

This is an internal link. This is an external link.

This is a button link

Below are headline styles, which should only be used to create headers for sections on a page. They should not be used to highlight or emphasize text; instead use bold, italics, or underline when you want to emphasize something in your copy. You also do not need to add bold, italics, or underline to a headline style.

This is heading 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading 3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading 4. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is heading 5. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is heading 6. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

You can also use horizontal rules to break up sections of content on your page.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta a metus in venenatis. Sed quis est lacus. Nulla ante tortor, malesuada eu tempus congue, aliquet nec tortor. Sed magna erat, fermentum at urna vel, gravida viverra magna. Duis consectetur urna ac aliquam interdum. Duis cursus magna a consequat euismod. Maecenas quis mollis sem. Cras consequat, lectus ut dapibus fermentum, ante metus porttitor odio, dapibus venenatis eros est non sem. Donec feugiat pharetra elit et elementum. Praesent pharetra commodo nulla nec bibendum. Sed eleifend nunc eu convallis tristique.


Below is a table with a header row and column. Remember to change the table width to 100%.

Header row column 1 Header row column 2 Header row column 3
Header column row 1 Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Header column row 2 Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Header column row 3 Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

 

Below is a table with no header row or column.

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

 

Below is a table with a border size of 0.

Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

 

This is a paragraph with an inline image aligned left. You don't need to add any additional padding or margin to the image; the system will add it automatically. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta a metus in venenatis. Sed quis est lacus. Nulla ante tortor, malesuada eu tempus congue, aliquet nec tortor. Sed magna erat, fermentum at urna vel, gravida viverra magna. Duis consectetur urna ac aliquam interdum. Duis cursus magna a consequat euismod. Maecenas quis mollis sem. Cras consequat, lectus ut dapibus fermentum, ante metus porttitor odio, dapibus venenatis eros est non sem. Donec feugiat pharetra elit et elementum. Praesent pharetra commodo nulla nec bibendum. Sed eleifend nunc eu convallis tristique.

This is a paragraph with an inline image aligned right. You don't need to add any additional padding or margin to the image; the system will add it automatically. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta a metus in venenatis. Sed quis est lacus. Nulla ante tortor, malesuada eu tempus congue, aliquet nec tortor. Sed magna erat, fermentum at urna vel, gravida viverra magna. Duis consectetur urna ac aliquam interdum. Duis cursus magna a consequat euismod. Maecenas quis mollis sem. Cras consequat, lectus ut dapibus fermentum, ante metus porttitor odio, dapibus venenatis eros est non sem. Donec feugiat pharetra elit et elementum. Praesent pharetra commodo nulla nec bibendum. Sed eleifend nunc eu convallis tristique.

This is a video iframe. Remember to set the iframe width as 100% and the height as 450px.