search

system-fonts / modern-font-stacks

System font stack CSS organized by typeface classification for every modern operating system
https://modernfontstacks.com
Creative Commons Zero v1.0 Universal
2.77k stars 40 forks source link

Industrial missing font weights on MacOS #10

Closed willfarrell closed 1 year ago

willfarrell commented 1 year ago

Currently Mac is selecting 'DIN Alternate' when viewed on MacOS 13.2.1. This font doesn't have additional font weights. Is there an equivalent that can be used instead?

PS Thanks for putting this site together, the more designed focused members of our team are excited to have more font option to choose from.

danklammer commented 1 year ago

@willfarrell That one is limited on macOS and iOS. I really recommend using the medium weight and use it as display font like for headlines.

The next best alternative for this classification on mac/iOS is probably 'Avenir Next Condensed' or 'Apple SD Gothic Neo'. Both are a little more humanistic than others in the stack, but have many weights.

Avenir Next Condensed

Apple SD Gothic Neo

willfarrell commented 1 year ago

Thanks!

danklammer commented 1 year ago

Sure! Another option is actually to use -apple-system, BlinkMacSystemFont which will render San Francisco with the font-variation-settings to make it more condensed. You will need to check to see how Bahnschrift looks on Windows as this is also a variable font and font-variation-settings will affect it.

Demo Here: https://codepen.io/danklammer/pen/yLxQrZQ/11499476a36d92c60b695da5c8111fee