How to add custom fonts in templates

Overview

This help document guides users on incorporating custom fonts into their Storeganise invoice email templates and agreements. By following these steps, you can enhance the visual appearance of your documents, especially when dealing with foreign characters.

Application on email and agreement templates

At the beginning of your templates (email and agreement), you need to add the code snippet. please see examples below

Japanese Users:

To use the 'Noto Sans JP' font, add the following code snippet to your invoice email template and agreement:

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
body, td { font-family: 'Noto Sans JP', sans-serif!important; }
</style>

Chinese Users:

Select your preferred font for Chinese characters—like 'Noto Sans HK' or 'Noto Sans SC'—and replace the font name in the code snippet. Here's an example for 'Noto Sans HK':

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@400;700&display=swap');
body, td { font-family: 'Noto Sans HK', sans-serif!important; }
</style>

Thai Users:

For Thai characters, use the 'Noto Sans Thai' font. Here's an example:

<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;700&display=swap');
body, td { font-family: 'Noto Sans Thai', sans-serif!important; }  
</style>

Ensure that you replace the existing font family with your chosen one. By incorporating these custom fonts, you can ensure that your Storeganise templates accommodate various foreign characters seamlessly.