I am always trying to find the font, size and line spacing that makes for the most readable website text. I will come across websites who have a very readable text and will mess around trying to decipher their CSS code. Often it is just a waste of my time.
This problem is solved with the Font Finder Firefox extension.
Highlight any text on a web page.
Select Font Finder from the right click context menu.
Font Finder will display the CSS used to style the text. It is just that simple!
What a time saver!
Below is a screenshot of the display returned by Font Finder:
Keep Helpful Content Coming to Your InBox - Subscribe Today!
As someone who is interested in building, maintaining and promoting your own website, a subscription to the Recommended Web Tools newsletter will keep you informed about the tools you need to get the job done.
An email subscription includes a weekly blog posts update, keeping you informed of the topics being discussed on the blog. You will also receive the Recommended Web Tool of The Week. Once every week (or two) you will receive a short email focused on informing you of particular recommended tool.
About the Author
Paul Flyer loves to research the web and find resources and tools for building, maintaining and promoting websites. Based in Saint Louis, MO, he works in management and spends his free time sharpening his web development and copy writing skills. Feel free to contact Paul with any questions, comments or ideas. He is also available to help you with your own website.
Grab Web Tools Content!
Cool Resources
I was hoping that it would show the font currently being rendered by the browser instead of the entire font family. Not so lucky.