Gutenberg uses different font than TinyMCE

The fonts used on the front end of a site are determined by the theme. If the theme is not Gutenberg-aware, then it is not styling blocks and the Gutenberg default styles are being loaded.

You can use a theme that is Gutenberg-aware and so the fonts would be consistent.

Thank you Joy,
that makes sense, but changing the theme isn’t an option at this point.
Could I not tell Gutenberg to use ARIAL? If so, how would I do that?
Thanks in advance
Frank

I didn’t forget about you…
There was a big discussion on Slack #core-editor channel when I asked about this. Still not quite sure what file the styles are in, so I can look at them and see if that is the problem (and how to fix it).

OK, I’m a little confused. The developers of Gutenberg say that there are structural styles that are output on the front end. The only thing in there that has font-family is specific to a small thing and would not affect your site. The other styles that Gutenberg can output is called theme.css, but it’s only output when add_theme_support is used to get it. It is small and the only font-family in there is for the preformatted text block.

Your page that you mentioned has fonts for body and for * and for p (inherit). So perhaps it’s your theme, using fonts you didn’t use before because there are element types you didn’t use before? What is a page that has the wrong font?

Thanks Joy.

Let’s start over:

What would be the proper way to define the fonts for a site?

Once that is done, how would I get Gutenberg to use that font as well?

Thanks in advance.

Frank

That’s why I’m confused. You would specify the fonts in your theme, and it should show the same on every page, regardless of what editor was used. I’m saying that the styles output by GB on the front end do not contain font rules that would affect your pages.