Twenty Twenty: Quote block font-weight inconsistency between editor and frontend

[sainathpoojary]

There is an inconsistency in how the font-weight is applied to quote blocks ('.wp-block-quote p') in the Twenty Twenty theme.

• In the editor, the font-weight appears as '400', which does not match the font-weight displayed on the frontend.
• On the frontend, the font-weight inherits styles as expected, creating a mismatch between the two environments.

Steps to Reproduce:

1. Activate the Twenty Twenty theme.
2. Create a new post in the block editor.
3. Add a Quote block and insert some text.
4. Save the post and view it on the frontend.
5. Compare the font-weight of the quote text in the editor with the frontend display.

This inconsistency can be easily observed by inspecting the styles applied to '.wp-block-quote p' in both environments.

Video: ​https://utfs.io/f/PL8E4NiPUWyO7ZZSqW9AWOSNT8iuxYqzcvCVIEKbQmF3njPo

This PR resolves a styling inconsistency for quote blocks between the editor and frontend in the Twenty Twenty theme.

Changes:

• Updated font-weight for .wp-block-quote p from 400 to inherit.
• Applied changes to editor-style-block.css and editor-style-block-rtl.css.

Video

​https://github.com/user-attachments/assets/58c65b19-bb66-43f0-ac4a-0780fbb5439a

Trac ticket: #62753

[ankitkumarshah]

Test Report

Description

This report validates whether the indicated patch works as expected.

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

Environment

• WordPress: 6.8-alpha-59560
• PHP: 8.1.29
• Server: nginx/1.16.0
• Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
• Browser: Chrome 131.0.0.0
• OS: macOS
• Theme: Twenty Twenty

Actual Results

1. ✅ Issue resolved with patch.

Additional Notes

Hi @sainathpoojary Thank you for bringing this up I was able to reproduce the issue and the patch you have provided seems to solve the issue

Supplemental Artifacts

​https://utfs.io/f/TnWMEUzoUd85XhAqp5vEgz7crZATPuva36tVnG2RhqCIN5HQ

[sabernhardt]

The 400 font weight was in editor styles since ​initial commit, but I do not find it necessary on the Quote paragraph (now or with older versions such as WordPress 5.0 and 5.3). I think the line could be removed instead of changing it to inherit.

[sainathpoojary]

Thank you for the suggestion @sabernhardt! I’ve removed the font-weight: inherit. Please let me know if there’s anything else that needs attention.

[krupajnanda]

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

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

### Environment

• WordPress: 6.8-alpha-20250103.041139
• PHP: 7.4.31-dev
• Server: PHP.wasm
• Database: WP_SQLite_Translator (Server: 5.5 / Client: 3.40.1)
• Browser: Chrome 131.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

### Actual Results

1. ✅ Issue resolved with patch.

[poena]

In 59594:

Twenty Twenty: Correct the font weight of the quote block in the editor.

This change removes the font weight of the paragraph inside the quote block,
so that the design in the editor and the front looks the same.

Props sainathpoojary, ankitkumarshah, sabernhardt, krupajnanda.
Fixes #62753.

Merged in Changeset - 59594