Hi,It looks like reset.min.css is overriding the Gutenberg editor styles and forcing a serif font in the editor.
Since this is happening across multiple sites, it’s likely related to a plugin or optimization tool that’s being used consistently. I’d start by checking any cache, performance, or custom styling plugins.
As a quick test, you can temporarily disable those plugins, clear all caches, and reload the editor to see if the correct font comes back.From what it looks like, this is more of a CSS conflict rather than a WordPress 7.0 bug.
As I mentioned earlier, I also think this is more likely related to the theme you’re using. For example, I can’t reproduce the issue in the Playground at all.
I would therefore recommend that you take a closer look at where this is coming from. See also: https://ww.wp.xz.cn/support/topic/read-this-first-wordpress-7-0/
Do I need any font to show up here?
/wp-admin/font-library.php?p=%2Ffont-list
This is empty for me, for my current theme.
Yes, that’s correct. If your theme doesn’t include fonts for this new view in WordPress 7.0, it will be empty. You can add fonts yourself, but your theme must also recognize and support them. Please contact the support team for the theme you’re using.
The fix, sadly, has been to define a theme.json (which did not exist in my theme) with the following content:
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"settings": {
"appearanceTools": true,
"layout": {
"contentSize": "640px"
},
"typography": {
"fontFamilies": [
{
"fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif",
"name": "System Font",
"slug": "system-font"
}
]
}
},
"styles": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--system-font)"
}
}
}
Same exact problem here, where WP 7.0 changed over all default block editor fonts to a serif style that’s extremely difficult to read.
Thanks for the temporary fix, I’ll give that a try! Hopefully this will be fixed with the next bug update.
Update: I found a simple fix.
In any Block Editor page, such as editing a post, 3 dot menu, Preferences, then Appearance, and then disable “Use theme styles.”
That should buy me some time before having to update my theme for full 7.0 compatibility.
-
This reply was modified 6 days, 9 hours ago by
Stuey.
It’s happening on my MyThemeShop theme sites. It’s hideous and hard to edit anything.
EDIT: @sirstuey ‘s fix nailed it. Thanks!
-
This reply was modified 6 days, 9 hours ago by
ncaross.
-
This reply was modified 6 days, 9 hours ago by ncaross.
I had the same issue after upgrading to WordPress 7.0 — the editor font suddenly changed to a serif font.
I followed @sirstuey suggestion, and it fixed the problem for me.
Thanks a lot!
