Twenty Twenty: Latest Posts block – Full post content uses different font in editor vs. front end

[nidhidhandhukiya]

Steps to Reproduce:

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

Expected Result:
The font styling in the editor should match the font styling on the front end when "Full post" is selected.

Actual Result:
When "Full post" is selected, the editor displays the post content in a different font than the front end. When "Excerpt" is selected, the fonts match between both views.

[rishabhwp]

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.28
• Server: nginx/1.27.5
• Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
• Browser: Chrome 138.0.0.0
• OS: macOS
• Theme: Twenty Twenty 2.9
• MU Plugins: None activated
• Plugins:
  • Micro Email Testing 1.1.0
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

Editor

Frontend

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.

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

[jobata]

Front-end test screenshot-JO

[jobata]

Back-end test screenshot-JO

[jobata]

Font styles match on front-end match back-end except for pull quotes. Also, Latest Posts block pulls post (itself) that has the Latest Post block.

[oglekler]

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.29
• Server: nginx/1.29.0
• Database: mysqli (Server: 8.4.6 / Client: mysqlnd 8.2.29)
• Browser: Chrome 139.0.0.0
• OS: Windows 10/11
• Theme: Twenty Twenty 2.9
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

[Maia12345]

Error condition doesn't occur - fonts match on front-end match back-end.

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

Before

After

[audrasjb]

Thanks for testing!
Marking this for 6.9 consideration.

Thanks for providing the test report, @samykantari.

[shailu25]

Test Report

This Report Validates that the indicated patch address the issue.✅

Patch Tested: ​https://github.com/WordPress/wordpress-develop/pull/9455

Environment:

WordPress - 6.9-alpha-20250813.132127
OS - Windows
Browser - Chrome
Theme: Twenty Twenty
PHP - 7.4.31
Plugin - None

Actual Results:

• Issue Resolved with Patch ✅

Supplemental Artifacts

• Attached

[shailu25]

Frontend

[shailu25]

Before Patch Backend

[shailu25]

After Patch Backend

[gulamdastgir04]

Tested the patch in the WordPress Playground using WordPress 6.9 Beta 2 and PHP 8.3.

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/9455

Environment

• WordPress: 6.9-beta2-61117
• PHP: 8.3.27-dev
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.40.1)
• Browser: Chrome 142.0.0.0
• OS: Linux
• Theme: Twenty Twenty 2.9
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

✅ Issue resolved with patch.

[sabernhardt]

#62242 was marked as a duplicate. Add props: viralsampat, sainathpoojary, im3dabasia1

[sabernhardt]

The selector in PR 7819 works without .editor-styles-wrapper. I requested changing to .wp-block-latest-posts__post-full-content p in ​PR 9455.

This PR was previously opened ​here, but since there was no further activity on it, I’ve created a new PR based on the latest trunk, including the changes mentioned in this ​comment

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

This PR fixes a font styling inconsistency in the Twenty Twenty theme where the Latest Posts block displays post content using different fonts in the editor and the frontend when “Full post” content is selected.

### Testing

As outlined ​here

[wildworks]

@sabernhardt @audrasjb I think we're ready to commit the pull request, but what do you think?

## Test Report
### Description
This report validates that the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/10468.diff

### Environment

• WordPress: 6.9-beta4-61182-src
• PHP: 8.4.0
• Server: Apache/2.4.62 (Win64) PHP/8.4.0 mod_fcgid/2.3.10-dev
• Database: mysqli (Server: 9.1.0 / Client: mysqlnd 8.4.0)
• Browser: Firefox 144.0
• OS: Windows 11
• Theme: Twenty Twenty 2.9
• Plugins:
  • Test Reports 1.2.0

### Actual Results

1. ✅ With the patch, paragraphs in the full post content of a Latest Posts block appear in the sans-serif font.

### Supplemental Artifacts

Full screenshots in English:

• ​Front end, before patch
• ​Front end, with patch
• ​Post editor, before patch
• ​Post editor, with patch
• ​Widgets editor, before patch
• ​Widgets editor, with patch

Persian screenshots:

• ​Front end, with patch, RTL
• ​Post editor, with patch, RTL
• ​Widget editor, with patch, RTL

[sabernhardt]

Jb probably will not be able to commit this before 6.9. I think PR 10468 is ready if someone wants to include it in this release. Otherwise, it can be moved to 7.0.

[westonruter]

In 61189:

Twenty Twenty: Fix font inconsistency for Latest Posts block in block editor.

This ensures that the font used on the frontend is also used in the block editor.

Props rishabhwp, shailu25, sabernhardt, jobata, gulamdastgir04, oglekler, nidhidhandhukiya, Maia12345, audrasjb.
Fixes #63798.

@samykantari I added props for your contribution toward r61189. If you ​connect your GitHub and WordPress profiles, credit should be easier to assign to ​leprincenoir in the future.

(I also manually added props for viralsampat, sainathpoojary, im3dabasia1, and wildworks.)