Core - CYS: fix inter font not applied

[gigitux]

Changes proposed in this Pull Request:

These changes are necessary because the default font family of TT4 is called "Inter". Instead, the font family installed during the setup is called "Inter, sans serif": the issue is that both of them are the same slug. This caused the font "Inter, sans serif" didn't enable due to this logic: 447a6c1#diff-9d845082930383f4e8624300508b6237fcae0d9ca593d29111492cd0bca4c6a3R105-R122.

Overall, we should not rely on the fonts pre-installed with the theme because they can change with an update. For this reason, only the fonts installed during the setup must be enabled.

Closes #44543.

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Create a new WooCommerce installation with this version.
2. Ensure the WooCommerce Beta Tester plugin is installed and activated (available on this monorepo).
3. Head over to /wp-admin/tools.php?page=woocommerce-admin-test-helper and enable customize-store feature flag.
4. Visit the wp-admin/admin.php?page=wc-admin&path=/customize-store.
5. Follow the process.
6. Due to this bug, it is necessary to refresh the page to ensure that the fonts are loaded.
7. Click on "Change Fonts".
8. Ensure that the Inter font is applied correctly.
9. Ensure that the rest of the fonts are applied correctly.

Changelog entry

• Automatically create a changelog entry from the details below.

Significance

• Patch
• Minor
• Major

Type

• Fix - Fixes an existing bug
• Add - Adds functionality
• Update - Update existing functionality
• Dev - Development related task
• Tweak - A minor adjustment to the codebase
• Performance - Address performance issues
• Enhancement - Improvement to existing functionality

Message

Comment

Core - CYS: fix Inter font not applied.

[github-actions]

Hi @albarin, @nefeline, @woocommerce/woo-fse

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[albarin]

Confirmed Inter font is working! TY!

[github-actions]

Test Results Summary

Commit SHA: 47d1073

Test 🧪	Passed ✅	Failed 🚨	Broken 🚧	Skipped ⏭️	Unknown ❔	Total 📊	Duration ⏱️
API Tests	259	0	0	2	0	261	0m 37s
E2E Tests	290	0	0	27	0	317	5m 25s

---

To view the full API test report, click here.
To view the full E2E test report, click here.
To view all test reports, visit the WooCommerce Test Reports Dashboard.