As part of the transition from Campaign templates to a more flexible Theme customizer, we'd like to change how fonts are customized on a campaign page. So far the fonts were controlled by the campaign style guides, in the new version we'd like to offer Font pairs (campaign style guide options will be retired)

Font pairs

The design team will define font pairs: header title + body font pairs. Each header title font will have a number of assigned body font options too (see mockups). Editors will have the option to choose a Header title font from a dropdown. Selecting a header title would dynamically reload the font options under the Body font dropdown, so only those fonts would be available that were assigned to the previously selected Header title font.

The default font pair selected would be Roboto and Lora (see mockup)