Font changes when adding a menu icon in FSE

[Macusik]

Description

Hi Team.

I was recently updating a tutorial and came across a weird bug. I had a dummy website up using TasteWP and when I added a menu icon to one of the menu items, the font changed, which made the menu look weird.

The only way I was able to fix it was by changing the Global Style Typography settings values for Text and for Links so that both of them were the same font type. The thing is that when I did that, I noticed in the preview window that the default styles for the two of them looked different.

Here is what the default Text looked like:

And here is what the default Links looked like:

To make this even weirder, it didn't seem to affect in-paragraph text. Meaning like if I added a link to some piece of text, the font didn't change like it did when I applied the menu icon to the menu.

Not sure why it's happening or what's causing it but bringing it to your attention.

Thanks.

Step-by-step reproduction instructions

1. Got into the full site editor.
2. Add a menu icon to a random menu item.
3. The font of the menu item changes.

Screenshots, screen recording, code snippet or Help Scout ticket

Screen.Recording.2024-07-16.at.16.39.17.mov

Environment info

https://steepminister.s2-tastewp.com/wp-admin/site-editor.php?canvas=edit

Is the issue you are reporting a regression

No