Hacker GitHub

← All repos

system-fonts/modern-font-stacks

View on GitHub ↗ ★ 3,541 HTML

System font stack CSS organized by typeface classification for every modern operating system

19 mentions on Hacker News by 17 people: 2 stories, 17 comments · first 2023-03-15 · latest 2025-10-03

Mentions per year 19 mentions · busiest year 2023 (14)
20082026
  1. …looks like a normal typed font". Thanks for the suggestion to go to the github for the screenshots: https://github.com/system-fonts/modern-font-stacks
    comment by craftkiller · 2025-10-03 · in Modern Font Stacks
  2. It's exactly what the manual specifies: https://github.com/system-fonts/modern-font-stacks?tab=readm... Windows 11+ -> Cascadia Code Windows 7+ -> Consolas
    comment by andix · 2025-10-03 · in Modern Font Stacks
  3. …that choice isn't worth it, especially with how it looks on platforms other than mac. [0] https://github.com/system-fonts/modern-font-stacks
  4. …nowadays to put together a pretty decent stack without having to resort to serving web fonts. https://github.com/system-fonts/modern-font-stacks Even if you are using web fonts, those stacks make for good fallbacks.
  5. Doesn't show install base, but the GitHub page shows which OS has which font https://github.com/system-fonts/modern-font-stacks
  6. …it. If you aren't using system-ui yet take a look here how it looks in various operating systems: https://github.com/system-fonts/modern-font-stacks#system-ui
  7. A preview is available on the GitHub README [0] [0] https://github.com/system-fonts/modern-font-stacks#system-ui
  8. …This will render SF Mono on macOS and iOS [2]. [1] https://caniuse.com/extended-system-fonts [2] https://github.com/system-fonts/modern-font-stacks#monospace...
  9. …readme[1] says Inter is a "user-installed" font, so I'm not really sure it should count here. 1: https://github.com/system-fonts/modern-font-stacks#neo-grote...
  10. …right? Here's the bigger problem. No two fonts have the same font metrics. Go to the Github page: https://github.com/system-fonts/modern-font-stacks#css-font-... . These fonts are all using the same font size, weight, etc. but they are…
  11. Someone filed an issue already https://github.com/system-fonts/modern-font-stacks/issues/1
  12. …page has some notes about this, along with more info about what systems support which typefaces. https://github.com/system-fonts/modern-font-stacks#industria... .
  13. …if you look at the screenshots on the GH page[1]. [0] https://en.wikipedia.org/wiki/X-height [1] https://github.com/system-fonts/modern-font-stacks#classical...
  14. …my machine. Could you maybe have an incomplete font with some weird font-substitution quirks? [0] https://github.com/system-fonts/modern-font-stacks#neo-grote...
  15. The repo actually has png/gif comparisons for them. https://github.com/system-fonts/modern-font-stacks#industria... But yeah, I'd love some way to preview a custom piece of text.
  16. https://github.com/system-fonts/modern-font-stacks explains each stack and which fonts are expected to be used where, with screenshots. This information makes it (mildly bizarrely, and quite disappointingly) generally more useful than…
  17. The github page has screen grabs of all the fonts in each stack: https://github.com/system-fonts/modern-font-stacks