aeeble

For web designers and developers, identifying and testing webfonts is a crucial task. Type Sample is a bookmarklet that simplifies this process by allowing users to identify webfonts, test their appearance, and sample text directly on any webpage. Made by @jvanslem and now part of Typewolf, Type Sample is a valuable tool for anyone working with typography on the web.

Key Features

Type Sample offers several key features that make it an indispensable tool for web professionals. These include the ability to identify webfonts on any webpage, test the appearance of fonts with custom text, and sample the font's appearance at different sizes. The tool also allows users to save samples for future reference and search for the identified font on Google and Fonts In Use.

Usage

To use Type Sample, simply drag the bookmarklet to your browser's bookmarks bar. Once installed, clicking the bookmarklet on any webpage will activate Type Sample, allowing you to hover over text elements to identify the font family and size. The tool also provides a toolbar for testing fonts with custom text and adjusting font sizes.

Benefits

Type Sample streamlines the process of identifying and testing webfonts, saving time for web designers and developers. Its ability to test fonts directly on webpages and sample text makes it easier to work with typography, ensuring that the chosen fonts are suitable for the intended design.