Fount: Quickly View CSS Attributes Of Fonts Used On Websites

Advertisement

All browsers come with tools that help developers test web pages and ensure the site(s) they’ve developed play nice. Additionally, there are also add-ons or extensions that help developers and the Firebug add-on for Firefox is one of the more popular examples. For each browser, you have different tools and there is little uniformity among them. The tools will all provide some basic features but it is safe to say some browser’s developer tools are better than those of others. While the world of built-in browser tools is vast, the fact is that they aren’t all used or needed to their full extent. You might end up opening the developer panel for very simple things like checking the CSS used on a web page. If you often have to find out the font-family, font size and style from webpages, we recommend using Fount. It’s basically a bookmarklet that works with its own web application (does not rely on another service) that lets you easily identify Font CSS styles (font family, size and style) applied over selected text. It comes useful in instances where you want to use font styles used on a specific webpage on your own websites. All that is required is to add the Fount-provided button to the bookmark bar. When you want to read font attributes, click its bookmarklet to view the font CSS properties in a tiny semi-transparent window.

Firs off, visit Fount (link provided at the bottom) and drag the Fount button over the bookmark bar.

Fount · Identify any web font you see

Once you’ve bookmarked Fount, visit the website that you want to check font attributes for. Just highlight the text and then click the Fount bookmarklet. It will show the font’s CSS properties, as shown in screenshot below. Clicking the Fount bookmarklet again will disable it on the page.

fount

The bookmarklet, being a bookmarklet, can run in just about all browsers and that means you will not have to find and install a different extension for each browser. Other than that, it is a lightweight and simple tool for a simple function that you might have to perform frequently.

While the bookmarklet will work in most browsers, it may not work on all sites. A strange quirk noticed during testing on a site which the bookmarklet didn’t respond to was that it added the alphabets (a – z) once in a text line.

Fount was tested on all famous web browsers such as Safari, Chrome, Firefox and IE8.

Visit Fount

Advertisement