Import More Fonts

In this article:

a. Introduction

b. Import font

a. 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.


b. Import font

1. Find preferable font resources, example: Google font

Chinese font

English font


2. Click on + to add new font into list (green circle).

Take font - Concert One as example.


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


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


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


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)


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)


9. Save.


10. Admin Panel > Themes > Customize > General > body text : Concert One> Save.




Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.