This guide provides instructions on how to add a Google Font to your templates. Follow the steps below to enhance the visual appeal of your content.
Go to fonts.google.com
1. Go to fonts.google.com and search for the font you need
Navigate to the font search feature.
2. We'll search for Kanit
Type in and select the preferred font "Kanit."
3. Click on the font name to open the font details and options
Choose the "Kanit" font style.
4. Click "Get font"
Retrieve the selected font.
5. Click "code Get embed code"
Access the embed code for the font.
6. Click "Change styles" and only select the '400 regular' font weight
Modify the font styles as needed.
7. Select the font URL including HTTPS:// and display=swap and save this for the next steps in Maileon.
Update the font styles with the provided code.
8. Switch to your Maileon account
Switch back to your Maileon account / editor.
9. Click on the arrow next to Template
Open the Editor Apps section by clicking on the arrow.
10. Select the web font manager app
Select the Web Font Manager App.
11. Click "Add web font"
Click on the "Add web font" button.
12. Name your font type. It must match the name in Google Fonts. If two words, use single quotation marks. Kanit stays Kanit Open Sans becomes 'Open Sans'
Name your font with the precise name as presented in Google Fonts. If it consists out of 2 or more word, make sure to add quotation marks around the font name. E.g. "Comic Sans".
13. Add the Font URL as copied from Step 8
Fill your font URL as copied in step 2.
14. Select your fallback fonts
Select the desired backup fonts.
15. Add "sans-serif" as the final backup.
Click on the "sans-serif" font option.
16. Click "Save"
Click on the "Save" button.
17. Click an element like "Start Emailing with Maileon"
Start using your Google Font by selecting it where you need it in the editor. For example, by editing the title.
18. Click "Text" on the right side
Click on the "Text" option.
19. Click "inherit" to select your font type
Click "inherit" to select your font type.
20. Select the font type you've added to your template
Select the font type you've added to your template. In this case we added the "Kanit" font type.
21. Click "Save"
Click on the "Save" button.
This guide covered the process of adding a Google Font to your templates. By following the provided instructions, you can easily customize the typography of your content.