Text

Font classes

Text
PATTERN OVERVIEW

Add a class to a H1-H5 or p tags to apply the visual style attributes such as height, weight of font.

Learn how

Follow these steps to apply a font class.

  1. Open the text box containing the text that you want to format so that the text editor is avilable.
  2. Select the copy and select the heading tag<H1-H5> or <p> tag using the "Paragraph formats" drop-down menu.
  3. Then with the copy still applied use the "Style" drop-down menu and select the desired class.
  4. Close the click the checkmark to apply.

Note: Always apply the heading first and then apply the font style second.

The HTML code should look like this:

<h2><span class="delta">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</span></h2>

Text

Step 1: Apply the font tag

Text

Step 2: Apply the visual style using a font class