Google fonts are a great way to make your web pages more visually appealing. Hundreds of great-looking fonts are available, and best of all they are free.
One way to use custom fonts is to add custom CSS to your HTML page as shown in the screenshot below. Also, you can view this sample code here: custom Font Example HTML
Please note that the best place to add your custom fonts CSS is either <head> tag or add this CSS in your web page style file. The example below has CSS that adds google web Lato font as ‘CustomFont’ in <head> tag, but it may even work if you CSS <style> tag in your HTML page body.
Another way is to define your fonts in Settings:
- Go to the Google Fonts website to get your font links.
- Select the font you want to use, optionally customize it and copy it’s link as shown on the screenshot below.
- Enter the font name (or names) into the custom fonts section on the Settings page
- Paste the font link (or links) into the font URL box
If you want to use more fonts just enter the font links and names separated by the # char.
Once your fonts are defined you can then select them in the visual editor: