Skip to page content

Portland Community College | Portland, Oregon Portland Community College

Menu
  • Get Started
  • Programs
  • Class Schedule
  • About
  • Student Life
  • Search
  • Resources
  • Contacts
  • Calendars
  • Give
  • Log in to MyPCC

Web services

PCC / Web services / Style guide / Basics /

Typography

Writing good content

Use good writing for the web practices to make sure your content is easy to read and accessible.

The fonts, text colors, and text sizes used on the PCC website were carefully chosen to maximize readability and accessibility, as well as maintain a fresh and modern look.

Look through the following pages to see all the typography options available for use on the PCC website.

Typography basics

Fundamental text elements used on the web.

Pages:

  • Headings
  • Paragraphs
  • Links

Buttons

Eye-catching links that encourage user action.

Sections:

  • Basic buttons
  • Callout action buttons
  • Enroll buttons
  • Full-width buttons
  • Form input buttons
  • Plain buttons

Lists

The types of simple and fancy lists available for use.

Pages:

  • Unordered lists
  • Ordered lists
  • Definition lists

Helpers

Fine-tune your content.

Sections:

  • Sections
  • Fine print
  • Disclaimer
  • Canceled
  • Address
  • Visually hide

Quotes

Types of citations on the website.

Sections:

  • Blockquotes
  • Pullquotes
  • Inline quotes
  • Testimonial callouts

Technical

Formatting markup on the website.

Sections:

  • PRE
  • Code
  • KBD
  • SAMP

Basics

  • Color
  • Typography
    • Basics
    • Buttons
    • Lists
    • Helpers
    • Quotes
    • Technical
  • Icons
  • Extras

Continue exploring PCC

Student essentials

  • Get started: Admissions
  • Paying for college
  • Academic calendar
  • Online Learning

On campus

  • Locations and maps
  • Transportation
  • Library
  • Bookstore

Connect

  • Jobs at PCC
  • Panther athletics
  • Guía en español
  • Panther Pride

Get help

  • Accessibility
  • Privacy policy
  • Get help with this website
  • Send website corrections

Copyright © 2000-2025 Portland Community College | Log in to the website editor
An Affirmative Action Equal Opportunity Institution

  • PCC Facebook
  • PCC Bluesky
  • PCC Instagram
  • PCC YouTube