Google has a large number of fonts you can use in your project for free. You can browse them at: https://fonts.google.com/
This tutorial walks through how to use them on your web site. It’s a comprehensive tutorial on the different ways you can add a font.
How to use Google Fonts in CSS
Key Points
Here are some of the key points from the article
- Take time to choose a font that fits your content
- There are two ways to enable a font:
- Direct Link in Header
- Use @import in your CSS file
- After you enable the font, you have to write CSS to define what text the font should be used on. To use it everywhere, add it to the body element.