stipsan / system-font-stack

Give your web app a native look by using the font family of the users OS

system-font-stack

Use the system font family so your web app look more native

Inspired by https://css-tricks.com/snippets/css/system-font-stack/

It works really well with CSS-in-JS style solutions, like styled-components:

import { injectGlobal } from 'styled-components'
import systemFontStack from 'system-font-stack'

injectGlobal`
  body {
    font-family: ${systemFontStack};
  }
`