system-font-stack

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

Usage no npm install needed!

<script type="module">
  import systemFontStack from 'https://cdn.skypack.dev/system-font-stack';
</script>

README

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};
  }
`