Add web safe fonts by default to editor

[SamuelMiller]

Please consider adding safe web fonts by default in the typography section of the global styles panel in the Editor, or provide an easy way for theme creators to include them in their themes--for example, as toggle command in the theme.json file.

W3School lists the best safe fonts for HTML and CSS as the following:

• Arial (sans-serif)
  

• Verdana (sans-serif)
  

• Helvetica (sans-serif)
  

• Tahoma (sans-serif)
  

• Trebuchet MS (sans-serif)
  

• Times New Roman (serif)
  

• Georgia (serif)
  

• Garamond (serif)
  

• Courier New (monospace)
  

• Brush Script MT (cursive)
  

Thanks.

[github-actions]

Hi,
This issue has gone 180 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.

[kathrynwp]

Thanks for the suggestion. I'm not sure if this is something the developers have considered – @talldan @annezazu do you have any thoughts, or might know who to ping? Thanks!

[annezazu]

Please view the Webfonts API work #41479 for this specific ask!

[hellofromtonya]

Update:

The new and coming font management and Font Library will be handling the UX and user workflows.

The Fonts API will get the fonts from Theme JSON with no means for plugins or themes to directly interact with the Fonts API. Rather, fonts from themes and plugins are presented to the Font Library.

Therefore, I've removed the links to the Fonts API.

[creativecoder]

I think this issue is covered by #57295 and #54186. "System fonts" (which I think are very similar to "web safe" fonts) can currently be installed and activated, but we need a UI to manage them and to consider how to include a collection of them by default.

@SamuelMiller are you good with closing this issue in favor of tracking this in those Font Library specific issues?