Text styles are an inherent part of HTML. In order to ensure uniformity of font sizing and style, the below styles are built into the website’s master stylesheet. In order to provide flexibility for longer-titled content, additional classes have been created for some heading levels, to make the font size smaller, without compromising the inherent visual hierarchy as well as the Section 508 / WCAG compliance.
font-weight: 500font-size: 44pxfont-weight: (default 400)font-size: 40pxfont-weight: 500font-size: 30pxfont-weight: 500font-size: 22pxfont-weight: 500font-size: 14pxfont-weight: 500font-size: 12pxParagraph text
font-weight: (default 400)font-size: 18pxEmphasized (Italics) Text
font-weight: (default 400)font-size: 18pxStrong (Bolded) Text
font-weight: (default 400)font-size: 18pxUnordered List
Ordered List
Blockquote options are displayed on: Blockquote Templates
Each of these are identical to the heading elements above, except they have a class of “blog” applied. As an example, the first one is <h1 class="blog"> instead of <h1>.
font-weight: 500font-size: 30pxfont-weight: (default 400)font-size: 28pxfont-weight: 500font-size: 24pxfont-weight: 500font-size: 20pxAbove has an H1 with the “blog” class applied. This is additional paragraph text in the Header Module
