Google Web Fonts Interface Updates, Introduces 'Collection, Viewing Modes' and More!

Google Web Fonts team today launched a new interface!"The interface has a lot of the features including the ability to preview your own custom text, the ability to compare fonts side-by-side, as well as an indication of page load times."Collection, allows you to add fonts to your collection, and then proceed through the Choose, Review […]

Google Web Fonts team today launched a new interface!

"The interface has a lot of the features including the ability to preview your own custom text, the ability to compare fonts side-by-side, as well as an indication of page load times.

  • "Collection, allows you to add fonts to your collection, and then proceed through the Choose, Review and Use steps. During this process, you can compare them side by side, experience with them in sample layouts using the new Test Drive feature, and finally copy and paste the HTML snippet to use these fonts in your pages."
  • "We've designed 3 different viewing modes - Word, Sentence and Paragraph - to facilitate font browsing in each of these cases. By default, you're in Sentence mode, which shows about a sentence length of preview text. But when you switch to Word mode, the font preview size increases, and the font cards shrink so you can see more fonts on the screen. When you switch to Paragraph mode, the text size will shrink significantly, and you'll see the fonts used in sample paragraphs instead."

  • Font browsing by weight. Just use the thickness filter in the left hand panel. Looking for an Ultra black font? How about Ultra Light? Look no further. This feature relies on the font technology of TypeDNA. The Google Web Fonts are analyzed to determine each font's specific boldness characteristic. In this way, you see a consistent level of boldness across the fonts in your filter, regardless of how the font designer originally categorized them," google said.
  • Test Drive module allows users to visualize their font collection in a sample layout. In this way, you can see what your fonts look like in practice, before embedding them in the final product. To take your fonts for a test drive, click on the Test Drive tab from within the Review step.
  • Use. Here you'll find an indication of page load time based on your font selections. It's important to remember that the more fonts you use on your page, the more font data needs to be downloaded before your users can use your pages. Although Google Web Fonts is highly optimized to serve web fonts quickly to any user in the world, it's always important to request only the font families and styles you intend to use on your pages," added google.

You can try Google Web Fonts V2 here.

[Source:Web Font Blog]