Font has unexpectedly changed to Times New Roman

[bobbingwide]

On seriouslybonkers.com the font-family for several fields has changed from "Tahoma, Arial, sans serif"
to "Times New Roman".

I don't know why
theme is SB v0.5.0

[bobbingwide]

This appears to be something to do with Gutenberg
In s.b//bigram the active version of Gutenberg was 18.1.2
When deactivated the font family changes.

In live, the version of Gutenberg is 18.8.0... but Gutenberg isn't activated.
Activating Gutenberg and clearing the cache doesn't resolve the issue.

[bobbingwide]

Updating to Gutenberg 18.8.0 resolved the additional issue of links being underlined,
but not the font problem.
This fix is coming in WordPress 6.6.1

[bobbingwide]

In the following CSS, which is inline, the var for font-family, -wp--preset--font-family--opensans, is undefined.

:root :where(body) {
    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--foreground);
    font-family: var(--wp--preset--font-family--opensans);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

It seems that theme.json was wrong. There are two font family definitions.

"fontFamilies": [
					{
						"fontFamily": "Tahoma, Arial, sans-serif",
						"slug": "tahoma-arial"
					},
					{
						"fontFamily": "Helvetica Neue, Helvetica, Arial, sans-serif",
						"slug": "helvetica-arial"
					}

				],

The fix is to correct style.typography.fontFamily to use one of the defined values.

"typography": {
			"fontFamily": "var(--wp--preset--font-family--tahoma-arial)"
		},

This works regardless of whether or not Gutenberg ( 18.8.0 ) is activated.

[bobbingwide]

I've made the following changes on live:

• updated the theme.json file
• updated to WordPress 6.6.1
• deactivated Gutenberg 18.8.0