Twenty Twenty: Fix font inconsistency in Latest Posts block editor

[R1shabh-Gupta]

Trac ticket: https://core.trac.wordpress.org/ticket/63798

Fixes a font styling inconsistency in the Twenty Twenty theme where the Latest Posts block displays post content in different fonts between the editor and frontend when "Full post" content is selected.

NOTE: I created this PR alongside the patch to make testing and updates easier.

Testing

Steps to reproduce the issue:

1. Activate the Twenty Twenty theme
2. Create or edit a page/post
3. Add a Latest Posts block
4. In block settings, enable "Post Content"
5. Under Content settings, choose "Full post" (instead of Excerpt)
6. Compare font styling in editor vs. published frontend

Expected result: Font styling should now match between editor and frontend views.

Screenshots

Before

Editor

Frontend

After

Editor

Frontend

[github-actions]

Test using WordPress Playground

The changes in this pull request can previewed and tested using a WordPress Playground instance.

WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Some things to be aware of

• The Plugin and Theme Directories cannot be accessed within Playground.
• All changes will be lost when closing a tab with a Playground instance.
• All changes will be lost when refreshing the page.
• A fresh instance is created each time the link below is clicked.
• Every time this pull request is updated, a new ZIP file containing all changes is created. If changes are not reflected in the Playground instance,
  it's possible that the most recent build failed, or has not completed. Check the list of workflow runs to be sure.

For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation.

Test this pull request with WordPress Playground.

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

Unlinked Accounts

The following contributors have not linked their GitHub and WordPress.org accounts: @samykantari.

Contributors, please read how to link your accounts to ensure your work is properly credited in WordPress releases.

Core Committers: Use this line as a base for the props when committing in SVN:

Props rishabhwp, sabernhardt.

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[samykantari]

Hello from the contribution day at whodunit,
I tested the PR / it works.

Before

After

[R1shabh-Gupta]

Thanks for providing the test report, @samykantari.

[sabernhardt]

The selectors only need the one class to override the serif font.

[sabernhardt]

Suggested change

	.editor-styles-wrapper .wp-block-latest-posts__post-full-content p {
	.wp-block-latest-posts__post-full-content p {

These do not need the .editor-styles-wrapper class in either editor (post or widgets).

[sabernhardt]

Suggested change

	.editor-styles-wrapper .wp-block-latest-posts__post-full-content p {
	.wp-block-latest-posts__post-full-content p {

[sabernhardt]

Thanks for changing the selectors. However, I missed the extra space character before the tab in each rule. #10468 only has the tab, so I tested that PR instead.

[sabernhardt]

Suggested change

	font-family: inherit;
	font-family: inherit;

[sabernhardt]

Suggested change

	font-family: inherit;
	font-family: inherit;