npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

popular-web-fonts-woff2

v1.0.3

Published

CLI pipeline for downloading popular web fonts and converting them from TTF/OTF to WOFF2 assets.

Downloads

213

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

typpityppi

Keywords

fontswoff2google-fontspopular-fontsweb-fontscliwebfontttfconversion

Readme

popular-web-fonts-woff2

npm license. npm total downloads. latest GitHub release. GitHub stars. GitHub forks. GitHub open issues. codecov.

Ready-to-use popular web fonts in WOFF2 format — use them in any website or app via CDN link.

No build step needed. No tools to install. Just copy a URL.

Fonts are committed directly to this repository and served from a stable CDN (jsDelivr, GitHub raw, unpkg). The npm package ships the CLI tool only — see CLI usage if you want to run the pipeline yourself.

Quick start — add a font to your website

Pick any font from the available families below and add a @font-face rule to your CSS.

jsDelivr CDN (recommended — global CDN, fast, always available)

@font-face {
  font-family: "Inter";
  src: url("https://cdn.jsdelivr.net/gh/Nick2bad4u/[email protected]/fonts/woff2/Inter/Inter-regular.woff2")
    format("woff2");
  font-display: swap;
}

Then use it in your CSS:

body {
  font-family: "Inter", sans-serif;
}

Raw GitHub URL

@font-face {
  font-family: "Inter";
  src: url("https://raw.githubusercontent.com/Nick2bad4u/popular-web-fonts-woff2/v1.0.0/fonts/woff2/Inter/Inter-regular.woff2")
    format("woff2");
  font-display: swap;
}

Tip: Always pin a version tag (v1.0.0) rather than using main so your fonts never change unexpectedly.

URL pattern

All font files follow this pattern:

https://cdn.jsdelivr.net/gh/Nick2bad4u/popular-web-fonts-woff2@<version>/fonts/woff2/<Family>/<FileName>.woff2

| Part | Example | | ------------ | --------------- | | <version> | v1.0.0 | | <Family> | Inter | | <FileName> | Inter-regular |

Find available files by browsing the fonts/woff2/ folder in this repository, or see the full asset index.

You can also browse a searchable index page on GitHub Pages: /index.html

Install via npm (CLI tool)

The npm package ships the CLI pipeline only — the font files themselves are not bundled. Fonts are served from CDN; use the URLs above in your CSS directly.

npm install --save-dev popular-web-fonts-woff2

or run it without installing:

npx popular-web-fonts-woff2 --help

The CLI lets you download source fonts and convert them to WOFF2 in your own project. See CLI usage for all available flags.

Why not bundle the fonts? The full font set is several GB — far too large for an npm package. CDN delivery via jsDelivr / GitHub raw is faster, cheaper, and versioned. Pin a release tag in your URL and you get the same file forever.

CLI usage

Usage

npx popular-web-fonts-woff2 --source-dir ./fonts/original [options]

Execution flags

  • --convert enable conversion mode (default is plan mode)
  • --confirm / --yes required safety gate for non-dry-run conversion
  • --dry-run plan only, no conversion writes
  • --concurrency <n> max parallel conversions (default: 1)
  • --timeout <ms> per-file converter timeout (default: 60000 / 60s)
  • --index-file <path> output index file path (default: <out-dir>/index.json)
  • --verbose more detailed progress output
  • --debug debug output (implies --verbose)
  • --json machine-readable summary output

Examples

# Plan only (safe default)
npx popular-web-fonts-woff2 --source-dir ./fonts/original

# Convert with explicit safety confirmation
npx popular-web-fonts-woff2 --source-dir ./fonts/original --convert --confirm

# Faster conversion with custom concurrency and timeout
npx popular-web-fonts-woff2 --source-dir ./fonts/original --convert --confirm --concurrency 4 --timeout 120000

# JSON summary and explicit index file
npx popular-web-fonts-woff2 --source-dir ./fonts/original --convert --confirm --json --index-file ./fonts/woff2/index.json

Available font families

All popular web font families are included. Browse the full list in the fonts/woff2/ directory, or search the interactive browser.

Selected families:

| Family | Folder name | | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------ | | ABeeZee | ABeeZee | | Abel | Abel | | AbrilFatface | AbrilFatface | | AlfaSlabOne | AlfaSlabOne | | Almarai | Almarai | | AnekTelugu | AnekTelugu | | Anton | Anton | | Archivo | Archivo | | ArchivoBlack | ArchivoBlack | | Arimo | Arimo | | Arvo | Arvo | | Asap | Asap | | Assistant | Assistant | | Barlow | Barlow | | BarlowCondensed | BarlowCondensed | | BarlowSemiCondensed | BarlowSemiCondensed | | BebasNeue | BebasNeue | | Bitter | Bitter | | BodoniModa | BodoniModa | | BricolageGrotesque | BricolageGrotesque | | Bungee | Bungee | | Cabin | Cabin | | Cairo | Cairo | | Caveat | Caveat | | ChakraPetch | ChakraPetch | | ChangaOne | ChangaOne | | Cinzel | Cinzel | | Comfortaa | Comfortaa | | CormorantGaramond | CormorantGaramond | | CrimsonText | CrimsonText | | DMMono | DMMono | | DMSans | DMSans | | DMSerifDisplay | DMSerifDisplay | | DancingScript | DancingScript | | Domine | Domine | | Dosis | Dosis | | EBGaramond | EBGaramond | | Exo2 | Exo2 | | Figtree | Figtree | | FiraSans | FiraSans | | FiraSansCondensed | FiraSansCondensed | | FjallaOne | FjallaOne | | Fraunces | Fraunces | | Fredoka | Fredoka | | Geist | Geist | | GoogleSans | GoogleSans | | GoogleSansCode | GoogleSansCode | | GoogleSansFlex | GoogleSansFlex | | GravitasOne | GravitasOne | | Heebo | Heebo | | Hind | Hind | | HindSiliguri | HindSiliguri | | IBMPlexMono | IBMPlexMono | | IBMPlexSans | IBMPlexSans | | Inconsolata | Inconsolata | | InstrumentSans | InstrumentSans | | InstrumentSerif | InstrumentSerif | | Inter | Inter | | InterTight | InterTight | | JetBrainsMono | JetBrainsMono | | JosefinSans | JosefinSans | | Jost | Jost | | Kanit | Kanit | | Karla | Karla | | Lato | Lato | | Lexend | Lexend | | LexendDeca | LexendDeca | | LibreBaskerville | LibreBaskerville | | LibreFranklin | LibreFranklin | | LilitaOne | LilitaOne | | Lobster | Lobster | | LobsterTwo | LobsterTwo | | Lora | Lora | | MPLUS1p | MPLUS1p | | MPLUSRounded1c | MPLUSRounded1c | | Manrope | Manrope | | MaterialIcons | MaterialIcons | | MaterialIconsOutlined | MaterialIconsOutlined | | MaterialIconsRound | MaterialIconsRound | | MaterialIconsSharp | MaterialIconsSharp | | MaterialIconsTwoTone | MaterialIconsTwoTone | | MaterialSymbolsOutlined | MaterialSymbolsOutlined | | MaterialSymbolsRounded | MaterialSymbolsRounded | | MavenPro | MavenPro | | Merriweather | Merriweather | | MerriweatherSans | MerriweatherSans | | Montserrat | Montserrat | | Mukta | Mukta | | Mulish | Mulish | | NanumGothic | NanumGothic | | NotoColorEmoji | NotoColorEmoji | | NotoSans | NotoSans | | NotoSansArabic | NotoSansArabic | | NotoSansJP | NotoSansJP | | NotoSansKR | NotoSansKR | | NotoSansSC | NotoSansSC | | NotoSansTC | NotoSansTC | | NotoSansTelugu | NotoSansTelugu | | NotoSansThai | NotoSansThai | | NotoSerif | NotoSerif | | NotoSerifJP | NotoSerifJP | | Nunito | Nunito | | NunitoSans | NunitoSans | | OpenSans | OpenSans | | Orbitron | Orbitron | | Oswald | Oswald | | Outfit | Outfit | | Overpass | Overpass | | Oxygen | Oxygen | | PTSans | PTSans | | PTSansNarrow | PTSansNarrow | | PTSerif | PTSerif | | Pacifico | Pacifico | | PlayfairDisplay | PlayfairDisplay | | PlusJakartaSans | PlusJakartaSans | | Poppins | Poppins | | Prompt | Prompt | | PublicSans | PublicSans | | Questrial | Questrial | | Quicksand | Quicksand | | Rajdhani | Rajdhani | | Raleway | Raleway | | Ramabhadra | Ramabhadra | | RedHatDisplay | RedHatDisplay | | Roboto | Roboto | | RobotoCondensed | RobotoCondensed | | RobotoFlex | RobotoFlex | | RobotoMono | RobotoMono | | RobotoSlab | RobotoSlab | | Rubik | Rubik | | Saira | Saira | | Satisfy | Satisfy | | SchibstedGrotesk | SchibstedGrotesk | | ShadowsIntoLight | ShadowsIntoLight | | ShareTech | ShareTech | | Slabo27px | Slabo27px | | SmoochSans | SmoochSans | | Sora | Sora | | SourceCodePro | SourceCodePro | | SourceSans3 | SourceSans3 | | SourceSerif4 | SourceSerif4 | | SpaceGrotesk | SpaceGrotesk | | SupermercadoOne | SupermercadoOne | | Tajawal | Tajawal | | Teko | Teko | | TitilliumWeb | TitilliumWeb | | Ubuntu | Ubuntu | | Urbanist | Urbanist | | VarelaRound | VarelaRound | | WorkSans | WorkSans |

About popular web fonts

Popular web fonts are widely-used open-source typefaces distributed through Google Fonts and other open font registries. They are used across millions of websites for body text, headings, UI elements, and code blocks.

Releases and versioning

Font assets are updated on each tagged release. Check the Releases page for the latest version and changelog.

Pin the version in your CDN URLs to avoid unexpected changes.

License

Fonts are distributed under their respective upstream licenses (see each family's source on Google Fonts or the upstream project page). This project's tooling and scripts are licensed under the MIT License.

Links

Contributors ✨

All Contributors.

Thanks goes to these wonderful people (emoji key):