Resource: font.css (on Google Drive)

— All fonts use default typeface —

Body text: font size 16px, color: #333, weight=300, link text color: #003622 (Berkeley Blue)
Headers: font family: “freight-micro-pro”, “Georgia”, serif; color: #003262 (Berkeley Blue), weight=400
Bullet text color, and its link text color should be the same as regular body text colors

H1: 44px, Weight 400 {Reserved for Page Title}

(Header can be made into links but not recommended, for the consistency of user experiences and look)

Sed leo felis, convallis in quam ac, dapibus hendrerit dolor. Nulla facilisi. Ut auctor sem sit amet tincidunt eleifend. Nullam tellus nisl (link text underscored), sagittis ac vulputate sed, pharetra nec odio. Suspendisse efficitur metus non sapien (…) tincidunt, vel luctus mi pulvinar. Etiam vel diam leo. Mauris id nunc sagittis, venenatis ex at, bibendum dolor.

Suspendisse efficitur metus non sapien tincidunt,
vel luctus mi pulvinar. Etiam vel diam leo.
Mauris id nunc sagittis (…), venenatis ex at, bibendum dolor.

Suspendisse efficitur metus non sapien tincidunt,
vel luctus mi pulvinar. Etiam vel diam leo.
Mauris id nunc sagittis (…), venenatis ex at, bibendum dolor.

H2, 30px, beginning of body text headers,

Sed leo felis, convallis in quam ac, dapibus hendrerit dolor. Nulla facilisi. Ut auctor sem sit amet tincidunt eleifend.

H3, 26px

In nisi tellus, tristique eget felis quis, laoreet rhoncus ante. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris iaculis ipsum congue leo pretium, at luctus quam lacinia. Aliquam pretium vestibulum sollicitudin. Cras tempor lectus ac ligula eleifend venenatis. Sed libero velit, luctus non tortor in, rutrum dignissim tortor.

H4, 22px

Mauris elementum, justo ut tempor pellentesque, est ligula efficitur magna, finibus blandit ligula est ut elit. Aliquam viverra eros id condimentum rutrum. Mauris vulputate dui neque, vitae lobortis lacus bibendum in.

H5, 20px

H6, 18x

Fonts (Accordion title)

Fonts Inside Accordions (Accordion tab title)
add
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium (...) doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae (link) vitae dicta Killer sunt explicabo.
- Nemo enim ipsam voluptatem quia voluptas
- sit aspernatur aut odit aut fugit,
- sed quia consequuntur magni dolores eos qui ratione (link) voluptatem sequi nesciunt.
- Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
- adipisci velit, sed quia non numquam eius (...) modi tempora incidunt
- ut labore et dolore magnam aliquam quaerat voluptatem.
1. Ut enim ad minima veniam, quis nostrum
2. exercitationem ullam corporis suscipit laboriosam,
3. nisi ut aliquid ex ea commodi (link) consequatur?
4. Quis autem vel eum i ure reprehenderit (...) qui in ea voluptate
5. velit esse quam nihil molestiae consequatur, v
6. el illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Top Nav Font

Color
color:
#333333
color:
rgb(51, 51, 51)
background-color:
#000000
background-color:
rgba(0, 0, 0, 0)
Font
font-family (stack):
Arial, Helvetica, sans-serif
Font being rendered:
Arial
100.0%
font-size:
15px
Sidebar Nav (p and li) Font

Color
color:
#003262
color:
rgb(0, 50, 98)
background-color:
#000000
background-color:
rgba(0, 0, 0, 0)
Font
font-family (stack):
“Open Sans”, Arial, Helvetica, sans-serif
Font being rendered:
Open Sans
100.0%
font-size:
15px
CTA Block Font

Color
color:
#333333
color:
rgb(51, 51, 51)
background-color:
#000000
background-color:
rgba(0, 0, 0, 0)
Font
font-family (stack):
“Open Sans”, Arial, Helvetica, sans-serif
Font being rendered:
Open Sans
100.0%
font-size:
15px

Note: Links color will be #003261 or rgb(0, 50, 97)] –> should be #003262, Berkeley Blue, branding color

Fonts (Headers & Body)