In recent years we’ve seen a number of developments and advancements, such as responsive design, that have had a major impact on the web design industry. One of the most significant advancements has been improved options for using a greater variety of fonts in your web design projects. Google Web Fonts is one of the leading options, although there are others like Adone’s Typekit.
Google Web Fonts is free, easy to implement, and their are an increasing number of font families available. With currently more than 600 font families to choose from, finding the fight font available from Google Web Fonts can be a challenge. In this post we’re showcasing 25 that are worth a look. Browse through the fonts here and you’ll probably find at least one that could be a good fit for that project that you are currently working on.
Once you’ve found a font, or a few fonts, that you want to use, using it on your website is pretty simple. You can see Google’s getting started guide here, but the essentials are pretty simple. You’ll add a stylesheet link for the font of your choice within the head tag of your page.
Then style an element with the web font from within you CSS file.
That’s it! Getting Google Web Fonts integrated into your site is quick and easy, and unless you are using a lot of different font families it shouldn’t have much of an impact on your page load speed.
Published May 3rd, 2013 by Steven Snell