How to add custom fonts in templates

Please note that this method is exclusively for HTML format emails templates and agreement.

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.

Jump to

Email settings

Using helpers and conditions in your templates