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 🙏

© 2024 – Pkg Stats / Ryan Hefner

@intergrav/fonts

v1.4.0

Published

A fast, open-source CDN for open-source fonts. Inspired by xz/fonts.

Downloads

60

Vulnerabilities

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

Links

Git

Maintainers

intergravintergrav

Keywords

fontscdnopen-source

Readme

intergrav/fonts

NPM Version jsDelivr hits (npm) GitHub Repo stars

A fast, open-source CDN for open-source fonts. You can view available fonts in the /serve directory. More fonts will be added later. If you have any suggestions for general improvements or fonts, feel free to open an issue.

Typically, web developers have two main methods for using custom fonts on their websites:

  1. Hosting font files on the same server as the website. This method provides all control over font hosting, but it will usually result in slower loading times and increased server load, especially in some areas of the world.

  2. Using a central font service, such as Google Fonts or Adobe Typekit. This method is very easy, but if the service ever experiences downtime or slowdowns, it can negatively impact the user experience.

In comparison, intergrav/fonts offers several advantages:

  • intergrav/fonts serves font files through jsDelivr's global content delivery network. jsDelivr uses multiple CDNs for delivery, ensuring that fonts are delivered quickly and reliably regardless of user location.

  • intergrav/fonts is fully open source, so anyone can contribute to its development and improvement. This includes requesting new fonts or making improvements to files. You can also fork it if you want to start your own project.

  • intergrav/fonts exclusively serves open source fonts. By avoiding proprietary or licensed fonts, you can avoid any potential restrictions through licensing.

Importing

To use the fonts provided by intergrav/fonts, you have to import the CSS file in your project. There are two ways to do this:

CSS Import

In your CSS file, you can import the font CSS content using the @import rule:

@import url("https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/inter.min.css");

HTML Link

Alternatively, you can link the font CSS file directly in the <head> section of your HTML file:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/inter.min.css">

Set a font

Remember to replace inter in the URL with the actual font name you want to use. Visit the /serve directory for fonts that you can use. You can open an issue if you need a font to be added, but remember that this project only serves open-source fonts.

If you're curious, the .min in the link means to ask jsDelivr to minify the file using clean-css. It often significantly decreases the file's size at no cost, so I recommend using it.

Credits

  • xz/fonts is the main inspiration for this project