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?


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.

ITS Quick Links

 Live Chat with ITS

 Something Broken?

 Find Your Answer

 Request Service / Order Something


IT Service Desk

888-Help-009 (888-435-7009)

IT Service Desk Quick Start Guide (PDF 766kB)

Note: You will need Adobe Reader to read PDF documents. If it is not installed on your computer, download it for free from Adobe.

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