New Google Web Font Directory



    It's amazing how many cool products Google can release in one day, even if it's a tau-day. On Habré already discussed Google+ , a new design , Takeout and Swiffy converter , and here is another release: a new interface for viewing Google Web Fonts web fonts . A link to the new version also appeared in the old interface (above). The catalog currently contains 180 web font families. All of them are free and can be easily integrated into any page.

    The developers not only updated the interface, but also added several useful features that they had long been asked for, including the ability to preview on any given text, a character-by-character comparison, and a page load time indicator.

    The interface is developed according to the results of usability tests on a group of users. It turned out that when choosing a font, users often have some specific way of using it. Therefore, three typical options for previewing and comparing fonts are added to the font browser: 1) a word; 2) offer; 3) paragraph. When choosing one or another option, the font size and the size of the preview window automatically change, so that more fonts are placed on the screen.

    In the new interface, a filter for viewing fonts by width / thickness is added, regardless of the nominal characteristics of the font. That is, one font in the Bold version may be thinner than another font in the standard version, and when you select a filter, fonts of the same thickness are always on the screen. This feature is based on TypeDNA technology .

    At the last stage, you can copy ready-made snippets for each font to embed them in CSS on your page. At the same time, Google shows an indicator of page loading speed, depending on the number of fonts downloaded with the page.

    You can use the free Google Fonts API to embed web fonts from the Google collection .

    Also popular now: