# Google Fonts — The Free Font Directory Powering the Web

> An open-source collection of over 1,700 font families served via a global CDN, with tools for self-hosting, subsetting, and optimizing web typography.

## Install

Save in your project root:

# Google Fonts — The Free Font Directory Powering the Web

## Quick Use
```html
<!-- Add to HTML head -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
```
```bash
# Or self-host with fontsource:
npm install @fontsource/inter
# Then import in JS: import "@fontsource/inter";
```

## Introduction
Google Fonts is an open-source font library that provides free access to a curated catalog of typefaces. The repository contains the source files for every font family available through the Google Fonts API, along with tooling for building, testing, and validating font binaries.

## What Google Fonts Does
- Hosts font source files and build configurations for the entire catalog
- Provides CI pipelines that validate font quality, metrics, and license compliance
- Generates optimized WOFF2 binaries for web delivery via the Fonts API
- Supports variable fonts with continuous weight, width, and other axes
- Maintains metadata used by the fonts.google.com browsing and selection interface

## Architecture Overview
The repository is organized by font family, each in its own directory containing source files (UFO, Glyphs, or FontForge formats), a METADATA.pb protobuf file with family metadata, and a DESCRIPTION.en_us.html with the specimen description. A CI system uses fontmake and gftools to compile sources into TTF and WOFF2 binaries, then runs quality checks with fontbakery before pushing approved fonts to the CDN.

## Self-Hosting & Configuration
- Clone the repository or download individual font families from the releases
- Use google-webfonts-helper or fontsource packages for self-hosted web font files
- Subset fonts with pyftsubset or glyphhanger to reduce file size for specific character sets
- Configure font-display: swap in your CSS to avoid invisible text during loading
- Use variable font files when available to serve multiple weights from a single file

## Key Features
- All fonts are released under SIL Open Font License or Apache 2.0
- Variable font support for continuous weight and width interpolation
- Language coverage metadata for choosing fonts that support specific scripts
- Font quality validation pipeline ensures consistent metrics across the catalog
- Integration with CSS font-display for performance-optimized loading

## Comparison with Similar Tools
- **Adobe Fonts (Typekit)** — subscription-based with premium typefaces; not open source
- **Fontsource** — npm packages for self-hosting Google Fonts and other open fonts
- **Bunny Fonts** — privacy-focused Google Fonts CDN alternative with GDPR compliance
- **Font Squirrel** — curated free fonts with a webfont generator; smaller catalog
- **Fontshare** — free font service by Indian Type Foundry; original designs, smaller set

## FAQ
**Q: Are Google Fonts really free for commercial use?**
A: Yes. Every font in the catalog is released under an open license (SIL OFL or Apache 2.0) that permits commercial use without fees or attribution requirements.

**Q: How do I self-host instead of using the CDN?**
A: Use fontsource (npm install @fontsource/inter) or download WOFF2 files from google-webfonts-helper and serve them from your own domain.

**Q: Do Google Fonts track users?**
A: The Fonts API logs standard web server access information. For privacy compliance, self-host the font files to eliminate third-party requests.

**Q: How do I contribute a new font family?**
A: Submissions go through the google/fonts issue tracker. Fonts must meet quality standards validated by fontbakery and include complete Latin or script-specific coverage.

## Sources
- https://github.com/google/fonts
- https://fonts.google.com

---
Source: https://tokrepo.com/en/workflows/asset-33ef6ffa
Author: AI Open Source