Have You Tried Google Web Fonts?

Have You Tried Google Web Fonts?

Posted by Rainey

Google’s Web Fonts Beta allows is one of the easiest, most straight forward ways to add non-web-safe fonts to your website.  Simply choose the font you want to use from the list to see the many options available.

You can choose to embed the font into your page and write the CSS yourself, or use Google’s font previewer tool to generate CSS markup for you.  Google’s font previewer allows you to set the font-family, font-size, font-weight, text-shadow (sorta), text-transform, text-decoration, letter-spacing, word-spacing and line-height. When you are finished, embed the font in you site code and simply copy the generated CSS and paste it into your stylesheet.

Below are 3 examples of this in action:

This is some sample text

Rock Salt
This is some sample text

Architects Daughter
This is some sample text

Try Google Web Fonts out for yourself.

Like what you are reading? Subscribe to receive monthly tips & updates!

A Monthly Roundup of Articles and a Sweet Deal

Get the latest tips, tricks, tutorials and freebies in your inbox once a monthly.

Join our growing community of front-end web developers and designers. We are constantly publishing new industry tips, tricks and tutorials to help you take your game to the next level. We are also going to include a freebie or deal on something cool each month. Enter your email below and you will only receive this email once a month, nothing else.

Subscribe to our mailing list

* indicates required

Today in Web Design - Resources, Tools
Tagged | ,