> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Add additional fonts for online store

###### In this article:
1. Introduction  
2. Add font into EasyStore  
  
**⚠️ Kindly take note :**
*   Above all code editing, you will need to re-edit the code again if you switch to a new theme template    
*   We do not allow to change or edit the code for the **checkout page** (which include shipping & payment method) due to security reasons    
---
## 1. Introduction

Fonts are enormously powerful in setting the tone and personality for a brand. With thousands of fonts to choose from today, some organisations go the extent of spending thousands on creating a bespoke font, unique to them, in order to stand out from the crowd. This is something I often look at when creating a logo, to establish a more unique or quirky personality for the name" said Matt, creative director from MAXX.    

## 2. Add font into EasyStore

1. Find preferable font resources, example: Google font

[Chinese font](https://fonts.google.com/earlyaccess)  
[English font](https://fonts.google.com/)

2. Click on + to add new font into list (green circle). Take font - Concert One as example.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-100_6hhfwq.png)

3. Click on the pop-up bar at the bottom.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-2023-10-17t113621491_fsyi9l.png)

4. For better explanation, divide three code into 1,2,3.

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-2023-10-17t114111275_1x9pr0o.png)

5. EasyStore Admin > Themes > Edit Source > layout > **layout/theme.liquid** > insert **code 1** after "line 16" > Save

![](https://storage.crisp.chat/users/helpdesk/website/d4ee8062fad56000/128a59d6-5254-4386-8bac-c35f28_m18w4t.png)

6. Assign your **code 2**, and **code 3** to below template

```  {                  "value": "code 2 ,code3 ",                  "label": "code 2",                  "group": "code 3"                },```

For font **Concert One** example:

```  {                  "value": "'Concert One',cursive",                  "label": "'Concert One'",                  "group": "cursive"                },```

7. Go to config/settings_schema.json to add the font type for **[Body text]** 

Locate **"id":  "body_font_family"**_,_ copy the template with code and paste it into the row after **"options": [**   (probably is after line 18)

![](https://storage.crisp.chat/users/helpdesk/website/18f0fb57234b4f00/ac1746c7-9314-4021-a41d-34f318_u8ju4m.png)

8.  Go to config/**settings_schema.json** to add the font type for **[Heading text]**  
  
Locate **"id": "heading_font_family"**_,_ copy the template with code and paste it into the row after **"options": [**   (probably is after line 140)

![](https://storage.crisp.chat/users/helpdesk/website/37f45a6ffd149000/ed1ea7e1-c039-4316-bcf0-e041b0_1nvvsqo.png)

9. Save

10. EasyStore Admin > Channels > Online Store > Customize > General > body text : Concert One> Save

![](https://storage.crisp.chat/users/helpdesk/website/3e0c77ad00300a00/7045e780-4dab-421b-a7f8-acd0ed_1pylw8a.png)

|| ⚠️ **Kindly take note :** Above all code editing, you will need to re-edit the code again if you switch to a new theme template 
  
**Additional GIF for extra reference:**

![](https://storage.crisp.chat/users/helpdesk/website/5122bd9c4a691c00/98ceba61-94b7-4b54-aa73-93efce_1dbmfau.gif)