Design System

Font

font.family

font.family.sans

Open Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.family.serif

ui-serif, serif, 'Apple Color Emoji', 'Segoe UI Emoji'
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.family.mono

ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.weight

font.weight.light

100
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.weight.regular

400
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.weight.semibold

600
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.weight.bold

700
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.

font.weight.extrabold

800
Portland.gov is a website for our community where services and information are easy to find, easy to access, and easy to understand.