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,892 3.5

Installations

npm install system-font-stack

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Score

63.1

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

Contributors

Unable to fetch Contributors

View all 2 contributors

Languages

TypeScript

TypeScript (100%)

Developer

stipsan

Download Statistics

Total Downloads

71,892

Last Day

Last Week

Last Month

Last Year

175

GitHub Statistics

3 Stars

19 Commits

3 Watching

6 Branches

2 Contributors

Bundle Size

309.00 B

Minified

232.00 B

Minified + Gzipped

Bundlephobia

Maintainers

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,892

Last day

100%

Compared to previous day

Last week

83.3%

Compared to previous week

Last month

100%

Compared to previous month

Last year

-95.9%

175

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

typescript

Versions

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

Code-Review

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

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

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

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

3.5

/10

Last Scanned on 2025-01-27

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

Other packages similar to system-font-stack

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.

@teamsparta/stack-font

1.0.1

stack font

@christoferolaison/system-font

0.2.0

System font stack