gabrielbull / react-desktop

React UI Components for macOS High Sierra and Windows 10
http://reactdesktop.js.org
MIT License
9.52k stars 462 forks source link

Include Alternative Fonts: Arimo, Liberation Sans, Nimbus Sans L and Selawik #89

Open reinhart1010 opened 7 years ago

reinhart1010 commented 7 years ago

This is originally suggested as a workaround for Bug #43, where the devs may use either macOS or Windows styles to make some Linux webapps. To prevent default Linux font to be used, which may cause metric problems in user interface, I would suggest to include some alternative fonts which are most likely to be available in Linux distros (except Arimo and Selawik, which is available in Google Fonts and Microsoft's GitHub repo respectively).

gabrielbull commented 7 years ago

Sorry for the late reply, but if someone is willing to submit a PR, I'd be happy to accept it.

reinhart1010 commented 7 years ago

In addition, here's what the font stack might be

Based on similarity with Arial and Helvetica (good for using macOS application styles)

font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, Roboto, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;

Based on http://www.grputland.com/2013/11/multiplatform-helvetica-like-font-stack.html with few additions.

Here's a breakdown of this font stack: