![Khanh Tran 🌈 on X: "CSS Tip 💡 Use the "system-ui" value on the font-family property to make the website font the same as the default font on a user's PC! ⚙️ Khanh Tran 🌈 on X: "CSS Tip 💡 Use the "system-ui" value on the font-family property to make the website font the same as the default font on a user's PC! ⚙️](https://pbs.twimg.com/media/FQEYcbQXIAYG5Tx.png:large)
Khanh Tran 🌈 on X: "CSS Tip 💡 Use the "system-ui" value on the font-family property to make the website font the same as the default font on a user's PC! ⚙️
![css-fonts] system-ui-serif, system-ui-monospace, and system-ui-rounded · Issue #4107 · w3c/csswg-drafts · GitHub css-fonts] system-ui-serif, system-ui-monospace, and system-ui-rounded · Issue #4107 · w3c/csswg-drafts · GitHub](https://user-images.githubusercontent.com/918903/61104856-a24d4500-a42c-11e9-9301-8b75b0d47e94.png)
css-fonts] system-ui-serif, system-ui-monospace, and system-ui-rounded · Issue #4107 · w3c/csswg-drafts · GitHub
font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif · Issue #665 · necolas/normalize.css · GitHub
![system-ui" CSS font-family in Chrome doesn't recognize font-weight above certain font sizes on macOS - Stack Overflow system-ui" CSS font-family in Chrome doesn't recognize font-weight above certain font sizes on macOS - Stack Overflow](https://i.stack.imgur.com/MR0qJ.png)
system-ui" CSS font-family in Chrome doesn't recognize font-weight above certain font sizes on macOS - Stack Overflow
GitHub - JLHwung/postcss-font-family-system-ui: PostCSS plugin to transform W3C CSS font-family: system-ui to a practical font-family list
![System Font Stack: its history and rationale | by MasaKudamatsu | Web Dev Survey from Kyoto | Medium System Font Stack: its history and rationale | by MasaKudamatsu | Web Dev Survey from Kyoto | Medium](https://miro.medium.com/v2/resize:fit:1200/1*P-6YoOISKbby-658upQ32g.png)