Ever wondered what font a website is using?
Introducing fondant – a simple Chrome extension for designers, web developers, and font enthusiasts.
With fondant, you can hover over any text on a webpage to instantly see its font. If you like a font, just click to get options for downloading it.
Here's how to use it directly from GitHub:
Clone/Download the Repo:
-
Go to the GitHub repo:
-
Clone it using
git clone
Load the Extension:
-
Open Chrome and go to
chrome://extensions/
-
Enable "Developer mode" (toggle it on in the top right corner)
-
Click "Load unpacked" and select the
fondant
directory you just cloned
Activate It:
-
Pin the extension to your Chrome toolbar for easy access
-
Click the extension icon and select "Enable Tooltip"
Hover & Discover:
-
Move your mouse over any text to see the font
-
Click the popup, search, and download the font
I'd love to hear your feedback! Please leave any comments below, and star the GitHub repo if you find it useful.
Science Did That.
![media poster](http://web.archive.org./web/20240706104759im_/https://external-preview.redd.it/BdPG_t16EKi8FwBeFZBXKLQzIchXgnHOjKYH7amziIs.png?width=640&crop=smart&format=pjpg&auto=webp&s=b3c2e868e367be7650bff5d08c4e6fa4a538f005)