https://github.com/ribhavsharma/fondant

a chrome extension to identify and download fonts from a webpage
https://github.com/ribhavsharma/fondant

chrome chrome-extension extension fonts identify-fonts typography

Last synced: 4 months ago
JSON representation

a chrome extension to identify and download fonts from a webpage

• Host: GitHub
• URL: https://github.com/ribhavsharma/fondant
• Owner: ribhavsharma
• Created: 2024-06-25T13:01:51.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-07-07T00:42:56.000Z (7 months ago)
• Last Synced: 2024-10-13T06:41:48.411Z (4 months ago)
• Topics: chrome, chrome-extension, extension, fonts, identify-fonts, typography
• Language: JavaScript
• Homepage:
• Size: 8.79 KB
• Stars: 9
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Fondant

**Fondant** is a Chrome extension designed for designers, web developers, and font enthusiasts. It allows you to identify and download fonts by simply hovering over text on any webpage.

## Features

- Instantly see the font used on any webpage text by hovering over it.

- Click to get options for downloading the font directly from DaFont or BeFonts.

## Screenshots

![Screenshot 2024-07-03 141031](https://github.com/ribhavsharma/fondant/assets/35397939/bc38e585-cab7-4652-9f6f-1744ba889a86)

![Screenshot 2024-07-03 141047](https://github.com/ribhavsharma/fondant/assets/35397939/a129321e-16d3-422d-80cb-7910085ab30a)

## Installation

### Clone/Download the Repository

1. Clone the repository using Git:

   ```bash

   git clone https://github.com/ribhavsharma/fondant.git

   ```

   or download it directly from Github.

### Load the extension

1. Open Chrome and navigate to chrome://extensions/

2. Enable "Developer mode" by toggling it on in the top right corner.

3. Click "Load unpacked" and select the fondant directory you just cloned/downloaded.

## Usage

1. Pin the extension to your Chrome toolbar for easy access.

2. Click the extension icon and select "Enable Tooltip".

3. Move your mouse over any text on a webpage to see the font.

4. Click the popup, search on DaFont or BeFonts, and download the font.

***

I'd love to hear your feedback! Please leave any comments or suggestions in the issues section of the GitHub repo.

If you find Fondant useful, please give the repo a star.