Google Fonts is a repository of free, open-source fonts that you can use when designing a website. This article lists 6 of the most interesting fonts available, practical examples of the fonts in use and a few tips to optimize websites using Google Fonts.
This font is great for headlines and menu. Tech site Hongkiat has put Rajdhani in good use in their clean, neat main navigation menu.
Probably the most popular and used Google Font, Roboto is a great alternative to web safe fonts like Arial or Helvetica.
For an example of Roboto in use in a WordPress theme, check out the Insight theme by WP Zoom.
Clean, classy and readable, Montserrat is a great choice for a blog or website. It can be used for paragraphs, headings, or both.
Montserrat is used in the beautiful WP theme named Deca. Check it in action here.
Another very clean font which will be the perfect successor to the endless amounts of Arial and Helvetica fonts on websites. Libre Franklin is the font I chose for the 2017 version of CatsWhoCode theme.
Libre Franklin can also be seen at use on another theme from WP Zoom, Presence.
Source Code Pro
When you want to display code in WordPress or any other kind of site, you need a very readable monospaced font.
Courier has been used for years. Looking for an alternative? The free Source Code Pro font could be exactly what you’re looking for.
Open Sans is optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms. No wonder why many designers rely on it when it comes to building beautiful and readable websites.
The font can be seen in use on 23 Video.