https://github.com/leodeslf/fontima
🔠 Optimizing Google Fonts Subsets.
https://github.com/leodeslf/fontima
css font-face font-subsetter fonts google-fonts
Last synced: about 1 month ago
JSON representation
🔠 Optimizing Google Fonts Subsets.
- Host: GitHub
- URL: https://github.com/leodeslf/fontima
- Owner: leodeslf
- License: mit
- Created: 2021-04-27T23:55:44.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-10-28T02:00:51.000Z (over 2 years ago)
- Last Synced: 2025-03-23T18:50:02.713Z (about 1 year ago)
- Topics: css, font-face, font-subsetter, fonts, google-fonts
- Language: TypeScript
- Homepage: https://fontima.com
- Size: 2.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fontima
>Optimizing Google Fonts Subsets
## About
✨ **[Fontima](https://fontima.com/) delivers fine-grained CSS for Google Fonts subsets**.
It is based on the `text` URL parameter used to *subset a font* by specifying which characters we need from it. Fontima lets you do that while optimizing the CSS on the fly producing *better, measurable results* to get: **the characters you need**; **from the families you want**; **only when required**. And it does it with just a few clicks.
## Why Fontima?
🎯 **We need to optimize fonts**.
We often say "images weight too much," so we use a battery of tools to optimize them. The problem is that **fonts are as large or even larger than images**. Fontima exists to address that issue, it can *save you up to +95% on font files* (CSS + WOFF2) and *prevent undesired, automatic downloads* by including the appropriate `unicode-range` value on each `@font-face` rule.
## How to Use Fontima?
💡 It's easy:
1. Bring the code from Google Fonts,
1. Choose the characters,
1. Get your CSS.
That's it!
## Pros and Cons of Using Fontima
✔️ Pros:
- **Download lighter files**;
- **Download fewer files** (for most cases);
- **Download fonts only when required**.
❌ Cons:
- **Some fonts can not be optimized by GF**\*;
- **Fonts may have missing glyphs** they are supposed to include;
- **Static CSS** (instead of using a static URL to get the CSS dynamically).
\*Specially the ones with *non-standard/unregistered [variable axes](https://fonts.google.com/knowledge/glossary/axis_in_variable_fonts "Axis (in variable fonts)")* and an *[optical size](https://fonts.google.com/knowledge/glossary/optical_size_axis "Optical Size axis (opsz)")* value different than `none`, cases in which Google Fonts returns the default CSS.
## Author
[Leonardo de S. Leal F.](https://github.com/leodeslf "GitHub profile")