Thursday, June 30, 2011

Attractive Browsing for Websites with Google Font Library!

Google has introduced an interface of its free and open source font library for a new attractive font browsing experience. Everyone can make use of this open source API to introduce attractive fonts into website pages. To make the interface intuitive and easy, the concept of shopping cart is introduced allowing users to add fonts into their collection and proceed further by selecting, reviewing, and finally using the font by copying and pasting the HTML snippet into your website. The interface allows easy font browsing by weight by choosing thickness filter at the left hand panel of the module.


There are three different viewing modes available-Word, Sentence and Paragraph to facilitate the users to choose the font particular to the area of their website they are interested in. The default area is Sentence mode which allows users to preview the text for a sentence. Word mode allows a larger preview font size and Paragraph mode shows the small text in sample paragraphs.The Interface allows comparison of fonts side by side to experience the look and feel of your font collection by making use of sample layouts. By Introducing the Test Drive module, users can 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.

When you have finalized your font to be used in your website, the interface shows an indication of page load time based on your font selections. The more fonts you use on you pages, it will take more time to download font data resulting in slow rendering of your website pages. It’s very important to be careful while choosing your page areas to make use of these fonts.



Google Font Previewer for Chrome further makes it easy for chrome users by letting them choose a font from the Google Font API directory, and apply that font to the entire page to see how it looks. Useful when you're designing a website and want to quickly find a font that will look good.




















Google Web Fonts API and Web Fonts

2 comments:

Anonymous said...

Thanks for outstanding info sharing

sunny said...

thanks for share this info, especially the extension.