Add additional fonts for online store
In this article:
Introduction
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
Find preferable font resources, example: Google font
Chinese font
English font
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)
Click on the pop-up bar at the bottom.
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-2023-10-17t113621491_fsyi9l.png)
For better explanation, divide three code into 1,2,3.
![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-2023-10-17t114111275_1x9pr0o.png)
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)
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" },
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)
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)
Save
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)
Updated on: 25/03/2024
Thank you!