Post Excerpt: Add missing typography supports

[aaronrobertshaw]

Related:

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

What?

Adds missing typography supports to the Post Excerpt block.

Why?

• Improves consistency of our design tools across blocks.

How?

• Opts into missing font-family, text-decoration typography support.

Testing Instructions

1. Edit a post, add a Post Excerpt block, and select it.
2. Check that the font-family & text-decoration controls are now available.
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, selecting a template with the Post Excerpt block e.g. Index.
6. Navigate to Global Styles > Blocks > Post Excerpt > Typography
7. Test applying a new font-family and confirm its applied in the preview and on the frontend.

Screenshots or screencast

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

[carolinan]

The text decoration option does not work/ apply to the read more link.

[andrewserong]

The text decoration option does not work/ apply to the read more link.

Oh, that's a good point. I think it's a tricky one with this block because it isn't a separate inner block, but the field can be edited via the RichtText component.

Because text decoration works additively (i.e. we can add styles but can't remove them via the control), I think I'd lean toward including text decoration as-is for this one, since folks can already set strike-through for the read more link via the toolbar controls when they edit the text, and by default the link will have underline style already in place.

[carolinan]

I disagree only because it is not clear to users why the setting does not remove the underline. I think it will introduce more confusion.

[aaronrobertshaw]

I tend towards merging this as is as well.

The potential for confusion exists both with typographic design tools missing and the edge case relating to the read more link. Given text decoration will be seldom used and even more seldom used for the link and isn't displayed by default, I think we can accept this for now until the read more link is made an inner block.

I'll add a follow-up to possibly make the read more link within the excerpt an inner block. I'll also hold off merging until next week to give space for any further opinions, feedback, or ideas.

[andrewserong]

This is working nicely for me, and it sounds like we can look into the read more link potentially being an inner block separately. I'll merge this in now and update the tracking issue.