Typography for Webpages

Heading Styles

Heading levels are used to show the webpage structure.Search engines and screen readers use headings to index the structure and content of webpages.

HTML headings should only be used for headings and not for emphasis.

  • The page's title is always a first-level heading <H1> and is the only H1 heading on the page.
  • Main sections in the page are second-level headings <H2>.
  • Subsections of main sections are third-level headings <H3>.

Headings at all levels should use the title case.

Exception: Headings that are punctuated sentences should use the sentence case.

Correct Examples

Associate and Bachelor's Programs

What degrees are available at Empire State College?

Fonts

The college website uses the Open Sans font. Do not attempt to override this with a unique font for the webpage you are working on.

Underlining should be avoided since readers assume underlined text is a link.

Take the Next Step

Ready to advance your education and career? There’s no time like the present. Apply now, or learn more about SUNY Empire at one of our information sessions.
Back to top