iFont: Hover and display font information
iFont is a free Chrome add-on developed by Quyet Tran. It falls under the Browsers category and specifically the Add-ons & Tools subcategory. This handy tool aims to speed up your design workflow by allowing you to identify fonts from any website.
With iFont, when you hover over a piece of text on a webpage, the add-on will display the font name in use. This feature is particularly useful when you come across a font that catches your eye and you want to know what it is. Additionally, by left-clicking on the text, you can access more detailed font information such as the font family, font weight, font size, line height, font color (both RGB and HEX), and font style.
To further enhance your workflow, iFont provides a button that allows you to quickly copy hex color codes. This can be a time-saving feature when you need to use the same color in your design. The information panel also dynamically changes its background color to match the color of the font being used, providing a visual representation of the font in context.
To exit the function, simply press the Esc button on your keyboard or click the Close button on the screen. Please note that after installing the extension, it is recommended to reload the web page for the add-on to take effect.
iFont is a valuable tool for designers, developers, and anyone interested in typography. With its intuitive hover and display font information feature, it simplifies the process of identifying and analyzing fonts on the web, making it a must-have add-on for Chrome users.
