https://github.com/stipsan/system-font-stack

Give your web app a native look by using the font family of the users OS
https://github.com/stipsan/system-font-stack

css font-family font-stacks system-fonts web-application

Last synced: 29 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/stipsan/system-font-stack
• Owner: stipsan
• License: mit
• Created: 2017-06-11T10:17:10.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-04-13T14:52:24.000Z (7 months ago)
• Last Synced: 2024-05-02T06:14:37.939Z (7 months ago)
• Topics: css, font-family, font-stacks, system-fonts, web-application
• Language: TypeScript
• Homepage: https://css-tricks.com/snippets/css/system-font-stack/
• Size: 21.5 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# system-font-stack

[![volkswagen status](https://auchenberg.github.io/volkswagen/volkswargen_ci.svg?v=1)](https://github.com/auchenberg/volkswagen)

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](https://github.com/styled-components):

```js

import { injectGlobal } from 'styled-components'

import systemFontStack from 'system-font-stack'

injectGlobal`

  body {

    font-family: ${systemFontStack};

  }

`

```