npmpackage.info

Gathering detailed insights and metrics for system-font-stack

Other packages similar to system-font-stack

@teamsparta/stack-font

2.0.0

stack font

system-font-stacks

0.0.2

An opinionated micro-library of system and web-safe font stack definitions

@markmichon/system-font-stacks

0.2.3

Utilities for including the latest system font stack in your styles.

@christoferolaison/system-font

0.2.0

System font stack

Gathering detailed insights and metrics for system-font-stack

system-font-stack - 1.0.5 | npmpackage.info

system-font-stack

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

1.0.5

MIT

TypeScript

232.00 B

71,966 3.5

Installations

npm install system-font-stack

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Score

Supply Chain

59.2

Quality

75.4

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

5

Total

11

Closed

5

Merged

1

Issues

Open

1

Total

2

Closed

1

Releases

Unable to fetch releases

Languages

TypeScript

TypeScript (100%)

Developer

stipsan

Download Statistics

Total Downloads

71,966

Last Day

Last Week

Last Month

Last Year

220

GitHub Statistics

MIT License

3 Stars

19 Commits

2 Watchers

6 Branches

2 Contributors

Updated on May 29, 2023

Bundle Size

309.00 B

Minified

232.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

1.0.5

Package Id

system-font-stack@1.0.5

Unpacked Size

3.58 kB

Size

1.92 kB

File Count

Total Downloads

Cumulative downloads

Total Downloads

71,966

Last Day

-50%

Compared to previous day

Last Week

-90%

Compared to previous week

Last Month

Compared to previous month

Last Year

-79%

220

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

typescript

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:

1import { injectGlobal } from 'styled-components'
2import systemFontStack from 'system-font-stack'
3
4injectGlobal`
5  body {
6    font-family: ${systemFontStack};
7  }
8`

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

3.5

/10

Last Scanned on 2025-06-16

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More