Archives: Add typography support

[aaronrobertshaw]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Typography Design Tools Consistency #43242

What?

Adds typography support to the Archives block.

Why?

• Allows for typographic styling of Archives block links.
• Improves consistency of our design tools across blocks.

How?

• Opts into all typography supports.
• Only the font size control will display by default.

Testing Instructions

1. Edit a post, add an Archives block and select it.
2. The font size control should be displayed by default.
3. Test various typography settings ensuring styles are applied in the editor.
4. Save and confirm the application on the frontend.
5. Switch to the site editor, and select a page or template with an Archives block.
6. Navigate to Global Styles > Blocks > Archives > Typography and apply typography styles there.
7. Confirm the selected styles are reflected in the preview and on the frontend.

Screenshots or screencast

Screen.Recording.2022-09-07.at.5.10.07.pm.mp4

[aaronrobertshaw]

A fix for the 400 error issue when switching font family is up in #43937. If you apply that PRs changes here, all the supports should be working.

[aaronrobertshaw]

#43937 has been merged and this PR rebased to include its fix.

[glendaviesnz]

Tested well for me:
✅ Font size displayed by default and could add all the other optional controls in typography tools panel
✅ Selected settings were applied in editor and front end
✅ Changes made to block typography settings were applied in editor and frontend