Font tilt style invalidated

[ProudMuBai]

Describe the bug

Using the font tilt style in the vite project does not seem to work, The same is true with the online program available on the vite website.

Reproduction

https://stackblitz.com/edit/vitejs-vite-9mzajn?file=index.html&terminal=dev

Steps to reproduce

System Info

No error message was generated

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[bolt-new-by-stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-9mzajn (Open reproduction)

[fi3ework]

Could not reproduce in stackblitz, it is probably not related to Vite but something with your browser's global style (maybe third-party extensions, could use incognito mode to eliminate the interference of extensions).

[ProudMuBai]

Thank you for your answer, this is not the problem of vite itself, I have found the reason, is the effect of (font-family: system-ui) in the style.css file generated by the project template created by vite; You need to lower the matching priority of 'system-ui' or use the appropriate system font to display properly

[fi3ework]

The reason is Microsoft Yahei UI performs badly in Windows. A long discussion here iFixit/core-primitives#36. I'm not sure if should we place Segoe UI before system-ui as many of the big platforms (such as GitHub) also put system-ui in the front.

[bluwy]

Since this is a machine-specific font rendering issue, I don't think we should change our defaults to cater for it. We put Inter first as that matches the "Vite theme" (the docs uses it too), but if not we fallback to system-ui. Closing for now.