Comment Template: Adopt typography supports

[aaronrobertshaw]

Related:

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

What?

Adopts all typography supports for the Comment Template block.

Why?

• Improves consistency of our design tools across blocks.
• Allows typographic styles to be applied in one go to all the inner comment template blocks.

How?

• Opts into all typography block supports.
• Makes the font size control displayed by default to match most common config.

Testing Instructions

1. Open a post with comments in the editor, add a comments block and select it.
2. Confirm font size control is displayed by default. Then test various typography settings.
3. Save and confirm styling on the frontend.
4. Switch to the site editor and navigate to Global Styles > Blocks > Comment Template > Typography and apply typography styles there.
5. Confirm the selected styles are reflected in the preview and on the frontend.

Screenshots or screencast

Screen.Recording.2022-08-16.at.8.53.45.pm.mp4

[talldan]

From my testing (using Twenty Twenty Two and Empty Theme) almost everything works as expected apart from Font Size, which only seems to have an effect on the inner Comments Content and (weirdly) Avatar blocks.

[talldan]

From my testing (using Twenty Twenty Two and Empty Theme) almost everything works as expected apart from Font Size, which only seems to have an effect on the inner Comments Content and (weirdly) Avatar blocks.

It looks like that's because those blocks already default to a small font size. If that's unset it works as expected. 👍

It feels like there should be a way to scale the font size relatively on parent blocks, but not relevant to this PR.

[aaronrobertshaw]

Thanks for reviewing and testing @talldan 👍

It feels like there should be a way to scale the font size relatively on parent blocks, but not relevant to this PR.

Agreed. I'll add it to a follow-up issues section on the tracking issue for these efforts.