Font CSS Style Viewer/Finder For Firefox

Sometimes we may find good typography at other blogs or sites and we want to know how the owner designs those fonts. The traditional way (in Firefox) is to highlight the text, right-click it and select the command View selection source to view the source code in a separated window. Unfortunately, you still have to find the elements class or ID for the selected text. Impractical. Solution? Use Font Finder extension for Firefox.

Simply highlight any text element, right-click, and choose font finder. An alert box will appear with all of the styling information you could require including font-size, font-family, color (in both hex and RGB), line-height, letter-spacing, and much much more....

Click here to download Font Finder extension for Firefox, or here to visit the developer's page.