General Typography

h1. Site Name

The NIU Theme is structured to include the site name in an h1 (primary heading) tag in the page banner (i.e. Northern Illinois University Creative Services, Division of Marketing and Communications). The h1 tag content is set to display using the standard NIU branding typefaces, Lucida Bright Demi and Lucida Bright Demi Italic, as defined by university graphic standards. This webfont is licensed through fonts.com

h2. Main heading

The first heading in the content area, below the site main navigation, is set as an h2 tag by entering the applicable text in the "Main Heading" field in the page edit window. All h2 tag content is set to display using the "Sanchez" typeface, a free web-font from Google Fonts.

h3. Page Subheading

Each section of content following the main heading (and main image, where applicable) should be set as an h3. All h3 tag content is set to display using the "Sanchez" typeface, a free web-font from Google Fonts.

h4. Content Subheading

<h4> tags can be used to further segment or label parts of content within a larger section. All h4 tag content is set to display using the "Sanchez" typeface, a free web-font from Google Fonts.

h5. (occassionally used)

h6. (not frequently used)

General paragraphs

A typical sentence or paragraph is set as an Arial, Helvetica or san-serif font. Words can be bolded or italicized for special emphasis, but should be done so with careful consideration (bolding everying on a page bolds nothing!)

How's this for emphasis!

small text

a section of text can be 'de-emphasized" by wrapping inside a <small></small> tag. They can be used independently, or nested inside another tag:

You can add the "lead" class to a paragraph that you would like to pull out with size and font-family, like a heading, but would work well as a heading

<p class="lead"> You can add the "lead" class to a paragraph that you would like to pull out with size and font-family, like a heading, but would work well as a heading</p>

This Heading is Great!
and not at all modest

<h3> This Heading is Great <br><small>and not at all modest</small></h3>