https://github.com/ni554n/fontmark
Manage & preview your favorite Google Fonts using simple bookmarks
https://github.com/ni554n/fontmark
bookmark bookmark-manager chrome-extension font-manager google-fonts
Last synced: 6 months ago
JSON representation
Manage & preview your favorite Google Fonts using simple bookmarks
- Host: GitHub
- URL: https://github.com/ni554n/fontmark
- Owner: ni554n
- Created: 2023-06-13T21:23:28.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-04T14:51:17.000Z (7 months ago)
- Last Synced: 2025-03-20T23:41:35.427Z (7 months ago)
- Topics: bookmark, bookmark-manager, chrome-extension, font-manager, google-fonts
- Language: TypeScript
- Homepage: https://chrome.google.com/webstore/detail/fontmark/hagjnfpnbaddimijdfbhhjhfiaenklfc
- Size: 363 KB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Manage & preview your favorite Google Fonts using bookmarks.
Each collection is a simple bookmark where you can add as many fonts as you like. These collections of fonts can be [previewed](https://fonts.google.com/share?selection.family=Eczar|Righteous|Merienda) in a single page on Google Fonts website.
> I used to bookmark my favorite Google fonts individually, but it quickly became tedious to go through them one by one when I needed to choose one for a project.
>
> Luckily, the Google Fonts website has a feature to preview a group of fonts for sharing, which gave me the idea to create a bookmark manager that keeps track of my font collection using just a handful of bookmarks.
## Usage
Bookmark collections are initially saved in a folder named "Fonts", but it can be moved anywhere else. You can also view or edit the collections from anywhere.
To add or remove a font from a collection, visit the Google font's page such as [/Roboto](https://fonts.google.com/specimen/Roboto) and use the extension menu.
You can also import all fonts from a collection to another or remove them from an existing collection if you are open the collection preview page such as [this](https://fonts.google.com/share?selection.family=Roboto|Open+Sans|Lato) on Google Fonts website.
## Build
1. [Download this repo](https://github.com/ni554n/fontmark/archive/refs/heads/main.zip) and extract it somewhere permanent
2. Run `npm install` and `npm run build`
3. Go to [Chrome Extensions](chrome://extensions/) page and enable `Developer Mode` from the top right corner
4. Click `Load Unpacked` button and select the extracted _**fontmark-main**_ folder
## Information
**Author:** [Nissan Ahmed](https://anissan.com) ([@ni554n](https://twitter.com/ni554n))
**Donate:** [PayPal](https://paypal.me/ni554n)
