Skip to content

Web Guidelines - Text, Fonts and Readability

Summary

  • Use the LCC template styles to control the fonts -
    • Use Cascading Style Sheets (CSS)
    • Do not use the <font> tag
    • Use the dropdown menu of styles located in the upper left-hand corner of MicroSoft Office SharePoint Designer.
    • Selections include various sizes for body and navigation text. LCC templates use:
      • Page Title - Heading 2 <h2>
      • Subheads - Heading 3 <h3>
      • Paragraph <p>
  • Use mixed case
  • Avoid using colored fonts
  • Use bold sparingly, only for emphasis
  • Avoid using underlining
  • Keep line lengths short
  • Be clear and concise
  • Write to allow users to easily scan

Serif vs. Sans-Serif Fonts

A r F s

A serif font has "little feet" at the bottom of each letter. Serif fonts are more difficult to read on a computer monitor. Times New Roman is a serif font.

A r F s

A sans-serif font does not have any "little feet" at the bottom of each letter. Sans-serif fonts are best for online reading. Verdana is a sans-serif font, and is the font we use on the LCC website.


Guideline

Sample Text

Avoid using all uppercase for large text areas.

RESEARCH HAS SHOWN THAT PEOPLE CAN READ FASTER IF WORDS ARE WRITTEN USING MIXED CASE RATHER THAN ALL UPPER CASE. BLOCKS OF BOLD AND ITALICS TEXT ARE MORE DIFFICULT TO READ. BLACK IS EASIER TO READ THAN COLORED FONTS.

Avoid using italics for large text areas.

Research has shown that people can read faster if words are written using mixed case rather than all upper case. Blocks of bold and italics text are more difficult to read. Black is easier to read than colored fonts.

Avoid using bolded text for large text areas.

Research has shown that people can read faster if words are written using mixed case rather than all upper case. Blocks of bold and italics text are more difficult to read. Black is easier to read than colored fonts.

Be careful when using colored text. Use dark text on light backgrounds to provide the most contrast.

Research has shown that people can read faster if words are written using mixed case rather than all upper case. Blocks of bold and italics text are more difficult to read. Black is easier to read than colored fonts.

Mixed-case, black and unbolded is easier to read for large text areas. Use color and bold only to call attention to important items.

Research has shown that people can read faster if words are written using mixed case rather than all upper case. Blocks of bold and italics text are more difficult to read. Black is easier to read than colored fonts.

Web Management at Lansing Community College

Web Management
Administration Bldg, Room 205
Phone: (517) 483-1423
Additional contact information »