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.

    By submitting your information, you agree that htmlgoodies.com may send you HTMLGOODIES offers via email, phone and text message, as well as email offers about other products and services that HTMLGOODIES believes may be of interest to you. HTMLGOODIES will process your information in accordance with the Quinstreet Privacy Policy.

Thanks for your registration, follow us on our social networks to keep up-to-date