Legacy editor Pages Displaying in Default Browser FONT

Issue Summary

A page using the Legacy editor will display the Default font of the browser while in Edit mode.
The default browser font is normally set to Times New Roman For most browsers (Chrome, Brave, Firefox)

This seems to be because the @font-family CSS Definition is not being sent or applied?

• https://developers.google.com/web/tools/chrome-devtools/css/reference

• https://github.com/necolas/normalize.css/issues/665

Steps to Reproduce

1. Create a page using the Legacy editor

Expected Results

Page should use the default system-ui font

system-ui

For Chrome, this would be: BlinkMacSystemFont (system-ui)

Actual Results

Edit mode:

Published:

 
Notes

Chrome Extention WhatFont can be used to detect what font is displayed on a page.

1. WhatFont extension is unable to detect a font in the screenshot provided under Edit Mode and so the Default Browser Font is used (Times New Roman).

2. The screenshot provided under Published displays "System-UI" on the text this is what the Extention WhatFont is able to detect as the font. Which corresponds with the CSS Font Definitions for the page.

Also, likely related to this https://jira.atlassian.com/browse/JSDCLOUD-9708
 

Workaround

Converting the page to the New editor seems to correct this.