Skip to content

WP 7.0 Gutenberg Editor font inheritance fallback to serif for lists and tables #4518

Description

@rodica-andronache

Description

After upgrading to WordPress 7.0, specific blocks (such as lists <ul>/<ol> and tables) render using a serif font inside the Gutenberg editor canvas. Meanwhile, standard paragraph blocks render correctly using the theme's body font.

This issue is editor-only; the front-end layout renders perfectly.

Expected Behavior

All standard text blocks (paragraphs, lists, tables) in the Gutenberg editor should consistently inherit and display the theme's defined body font family.

Actual Behavior

Paragraphs look correct, but lists and tables revert to a serif font, creating a mixed-font experience in the editor.

Step-by-step reproduction instructions

Image Image
  • Possible Root cause:

WP 7.0's core block-library/reset.min.css now sets :where(.editor-styles-wrapper){ font-family: serif } as a zero-specificity fallback. Neve's editor stylesheet (neve/assets/css/gutenberg-editor-style.min.css) only applies the body font to .editor-styles-wrapper p, so any element Neve doesn't explicitly style - lists, tables, etc. - inherits the serif fallback. The fix on Neve's side would be to apply var(--bodyfontfamily) to the editor canvas wrapper (or to lists/tables) rather than to p alone, so all block content inherits the correct font.

Screenshots, screen recording, code snippet or Help Scout ticket

https://secure.helpscout.net/conversation/3360825742/491810?viewId=212385

Environment info

No response

Is the issue you are reporting a regression

No

Metadata

Metadata

Labels

bugThis label could be used to identify issues that are caused by a defect in the product.customer reportIndicates the request came from a customer.

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions