GH-98: Typography

[wesleyboar]

Overview

Standardize font sizes and known colors, and known usage of them based on available designs.

Changes

• New: Set site text color and font size.
• New: Set site heading styles.
• Minor: Do not assume dt font weight is bold.
• New: Set site link styles.
• Minor: Set text color and font size variables.
• Minor: Prevent new dropdown text bug.

Issues

• Global Typography Styles & Fonts #98

Screenshots

Testing

1. If no environment, then prepare to test CMS changes.
2. Add new snippet to test page.
3. Create Snippet plugin with:
   • HTML: (none)
   • Template: snippets/typography-guide.html
   • screenshot "GH-98 - Snippet Form"
4. Test that the following is rendered with the template of your choice:
   • (Recommended) With page template "Style Guide"*:
     screenshot "GH-98 - Render Snippet (Style Guide)"
   • With page template "Fullwidth":
     screenshot "GH-98 - Render Snippet (Fullwidth)"
5. Create sub-pages that show in menu so your CMS nav menu can have a dropdown.
6. Ensure CMS nav menu dropdown text is 16px.
7. (Optional) Ensure Portal nav menu dropdown text is 16px.†
8. (Optional) As you know how to do so, test that these pages are affected as described:
   • Frontera Homepage should have almost no change (header font may be thicker).‡
   • These pages have new body and heading text color:
     • Standard Portal Homepage §
     • any "Guide: …" template page §

* Choose template from "Page" > "Templates" menu. To add missing template, add relevant line from default_secrets.py to secrets.py (see _CMS_TEMPLATES entry).
† Requires testing solution or local dev setup that can take some time.
‡ Testing this is outside the scope I expect others to do, given current architecture. Minor changes to header are permissible because there is a major header redesign underway via #222. I will test this, again, before deploy.
§ Add template to _CMS_TEMPLATES (see taccsite_cms/default_secrets.py) and set page template to it.

[iamthatian]

LGTM!

[wesleyboar]

Cleanup comments (based on self-review after peer-review).