Skip to content

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

License

Notifications You must be signed in to change notification settings

stipsan/system-font-stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

system-font-stack

volkswagen status

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