Table of Contents
- Introduction
- Features
- Installation
- Usage
- Examples
- Why did I build this?
- Contributing
- Wait a minute, who are you?
- License
- Changelog
FontCache is your go-to browser extension for collecting and organizing fonts from any webpage. Easily discover fonts in use, pick your favorites, and save them with site and date details. With real-time previews and seamless organization, FontCache turns font inspiration into action, helping designers and developers stay productive and creative.
- Discover Fonts: Automatically list all fonts used on any webpage.
- Select Favorites: Pick and save fonts using a simple checkable list.
- Track Sources: Save fonts with site names and discovery dates.
- Real-Time Previews: See your saved fonts rendered in their actual styles.
- Local Storage: Securely store data using IndexedDB—fast and private.
- No Extra Loading: Use fonts already present on the page.
- Chrome Web Store
- Microsoft Edge
- Mozilla Firefox
Note
You may need Developer Mode enabled in your browser.
pnpm installusage: whoop di scoop
wahhaaaaaa
I love beautiful websites, and I believe one of the things that make them stunning is the fonts (and how they’re used). Whenever I came across a nice font, I’d open DevTools to find its name. This process was frustrating, so I installed an extension to make it easier. However, the extension I used only provided the font name. I couldn’t save the font name or the website it came from, so I ended up pasting everything into my notes. Later, when I wanted to use one of the fonts, I couldn’t even remember what it looked like. I also didn’t like switching back and forth between my browser and my notes app. So, I decided to build an extension that could do all of this for me.
Contributions are welcome! If you'd like to improve FontCache, please feel free to submit a pull request.
Hello there! I'm Emmanuel Jemeni, and I am a Frontend Developer.
You can find me on various platforms:
If you'd like, you can support me on GitHub Sponsors or Buy Me A Coffee.
