Post Template: Add typography supports

[aaronrobertshaw]

Related:

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

What?

Adds typography supports to the Post Template block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into all typography supports.
• Makes font size control displayed by default as per the majority of blocks currently.

Testing Instructions

1. In the site editor, edit a template with a Post Template block, e.g. via a Query Loop.
2. Navigate to Global Styles > Blocks > Post Template > Typography.
3. Experiment with typography styles and ensure they are applied in the preview. (Note: Some inner blocks will have their own default styles that won't inherit from Post Template)
4. Confirm styles on the frontend.
5. Reset Global Styles to defaults, and select the Post Template block within the preview.
6. On the Block tab of the Settings sidebar, test the typography controls for the individual block.

Screenshots or screencast

Screen.Recording.2022-08-18.at.10.54.14.am.mp4

[carolinan]

Works well. Styles on the individual blocks inside the template correctly overrides the global styles.

[aaronrobertshaw]

Thanks for the reviews @carolinan 👍

I'm trying also to keep the tracking issue updated when merging these. I'm happy to merge and update the issues accordingly if you'd like to leave the extra wrangling to me.