Google Fonts: How to Use Google Web Fonts (Part Two)
The Google Fonts website is incredibly easy to use, which makes their range of fonts very accessible for people working at any level of web design. In part two of our series on Google Fonts, we look at how to use and install Google Fonts on your website. If you missed Part One, on what are Google Fonts, go check it out.
Browsing and creating a Collection
You can begin by either browsing the selection of fonts until you find one you like, or if you’re looking for a particular font, you can use the search function. Whenever you see a font you like, you can add it to your Collection, so you are effectively bookmarking it. This is a very useful function if you want to use the same fonts consistently on a website, in order to create a distinctive theme for a business or brand.
Reviewing your choices
Once you’ve added a few fonts to your Collection, you can check them out side by side by clicking Review at the bottom of the page. You can even see your text in a dynamic sample layout, so you can get an idea of what the text you’re going to use this font for will actually look like on your web page. There is plenty of room for trial and error on Google Fonts, so there’s no need to try things out in public on your website as you can get a feel for how your font will look straight away.
Implementing your favourite fonts
Google Fonts has changed over the years, with Google making technical changes and improvements based on user feedback, and they even changed the name of the site from Google Web Fonts to the more simple Google Fonts. Due to these changes, you may find some online tutorials inaccurate, and in fact the best way to get to grips with Google Fonts is simply to explore and enjoy playing around with the fonts and tools on offer.
For more ideas on web design and tips on finding the perfect font for your website, get in touch with iFactory. To find out more about Google Fonts, keep an eye out for the rest of the articles in this series.
Read more insights
Google Fonts: What are they? (Part One)
Web designers were delighted in 2010 when Google launched a website called Google Fonts, offering hundreds of free open source...