Use google fonts or other web fonts

Skip to main content
< Back
You are here:
Print
Last Updated On
byWord to HTML

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 in the <head> => <style> tag, as shown in the screenshot below.

Also, you can view this sample code below or here: custom Font Example HTML

<!DOCTYPE html>

<html>
<head>
    <meta charset=”utf-8″>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
    <title>Open Sans Font</title>
    <style>
        @import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap’);
        h1,
        .openSansFont {
            font-family: “Open Sans”, sans-serif;
        }
    </style>
</head>
<body>
    <h1>This is a custom Open Sans font</h1>
    <h2>This is the default web page font</h2>
    <p class=”openSansFont”>This paragraph is using a custom Open Sans font!</p>
</body>
</html>

Please note that the best place to add your custom fonts CSS is either the <head> tag or add an @import and CSS in your web page style file.
The example below has CSS that adds Google Web Open Sans font in the <head> tag, but it should work if you add that <style> tag in your HTML page body.

Another way is to define your fonts in Settings:

  1. Go to the Google Fonts website to get your font links.
  2. Select the font you want to use, and copy its link as shown in the screenshot below.

  1. Enter the font name into the custom fonts section on the Settings page
  2. Paste the font link into the font URL box

If you want to use more fonts, just enter the font names and links separated by the # char.

Once your fonts are defined, you can then select them in the Visual Editor at the end of the fonts list:

You can use custom fonts in the Email Designer as well. Please note that the Email Designer already has these Google Fonts defined: ‘Bitter’, ‘Cabin’, ‘Lato’, ‘Merriweather’, ‘Open Sans’, ‘Oswald’, ‘Poppins’, ‘PT Sans’, ‘PT Serif’, ‘Roboto’, ‘Ubuntu’.