Google Font Preview Showcases Google Font API

By HTMLGoodies Staff

Google just announced its Google Font Preview, a way for developers and non-developers to play with its Google Web Fonts API. Although the Font API is easy enough to use, Google just made it so easy all you need to do is include a single line of text in your web page to use any of a myriad of fonts.

Google Font Preview lets you use some sample text that is already defined for you, or you can change it to suit your needs. Once you have done that, you select from the font you want via a dropdown list. You can also set the decoration for the font, along with size, shadow, and spacing for the letters, words and lines. Once you are done, the demo automatically provides you with the code to use that font and styling for your own page.

A number of sliders enable you to play with the spacing, and you are also able to transform the text from uppercase, to lowercase, and you can capitalize it as well. The code it creates calls the font from the Google Web Font API, and the writes the CSS the page will need in order to utilize the font. It doesn't get easier!

View Full Article

Make a Comment

Loading Comments...

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
Thanks for your registration, follow us on our social networks to keep up-to-date