Fonts: Normalize CSS font face font-family name on font upload.

[sirreal]

I attempted to use a CSS font family on upload, but that results in broken display: WordPress/gutenberg#76253

Trac ticket: https://core.trac.wordpress.org/ticket/63568

Use of AI Tools

None.

[github-actions]

Test using WordPress Playground

The changes in this pull request can previewed and tested using a WordPress Playground instance.

WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Some things to be aware of

• All changes will be lost when closing a tab with a Playground instance.
• All changes will be lost when refreshing the page.
• A fresh instance is created each time the link below is clicked.
• Every time this pull request is updated, a new ZIP file containing all changes is created. If changes are not reflected in the Playground instance,
  it's possible that the most recent build failed, or has not completed. Check the list of workflow runs to be sure.

For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation.

Test this pull request with WordPress Playground.

[sirreal]

This description is wrong, or at least is isn't what the Gutenberg client is sending.

In WordPress/gutenberg#76253 I sent over a real CSS value, and that resulted in the readable font name including CSS escapes.

Either way, it seems best to do this on the server.

The actual data that should be sent here is a plain string, not CSS. For example:

• ✅ My Font Name is an appropriate string to send
• 🚫 "My Font\20 Name" is a CSS string - do not send this!

[sirreal]

Alternative to #9951

[sirreal]

Same #11193 (comment)

[sirreal]

This doesn't seem to be an appropriate approach. I've tested the "install font" flow (that relies on Google Fonts) and that does send CSS strings like {"fontFamily":"\"B612 Mono\", monospace" }.

It does seem like:

• On upload, the client should be sending a CSS string, like in Fonts: Fix font family upload name. gutenberg#76253.
• The UI bugs that manifest in Fonts: Fix font family upload name. gutenberg#76253 should be addressed.