Skip to content

Instantly share code, notes, and snippets.

@kytta

kytta/swiss_typography.css

Created February 19, 2023 18:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kytta/8ea498f3e32b5a166daaeddd306e83c7 to your computer and use it in GitHub Desktop.
Save kytta/8ea498f3e32b5a166daaeddd306e83c7 to your computer and use it in GitHub Desktop.
Download ZIP
Most Swiss default fonts
Raw
swiss_typography.css
body {
font-family:
"Helvetica Neue", /* macOS - basically our goal */
"Neue Haas Grotesk Text Pro", /* Windows - part of the "Pan-European Supplemental Fonts" package */
Helvetica, /* macOS - also the classic */
"FreeSans", /* Linux - made by GNU, can be installed on most systems */
Arial, /* macOS and Windows - part of the "Core fonts for the Web" */
system-ui, /* if for some reason we're here - let's hope that the system UI font is Swiss */
sans-serif; /* most generic fallback */
}
@kytta
Copy link
Author

kytta commented Feb 19, 2023

Inter is a nice addition, but it's not built into any OS AFAIK. If you can allow supplementing an extra font face, do it. I'd place it between Helvetica and Free Sans. I'd also rather choose the "Display" variation (for v4 that means increasing the opsz

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment