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:
-
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.
-
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.
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:
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");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">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.
- xz/fonts is the main inspiration for this project