Typography

You should watch tutorial video to know more details: https://www.youtube.com/watch?v=Y4j-nWZ927E&list=PLZSqbv2i8LOBCosw-vNCjyhmJ5BmrmCqA&index=11​
1 - GENERAL
Go to Theme settings > Typography 
2 - FONT SOURCE FROM SHOPIFY
2.1 - Body font family
Body font family will relate to Button, information, collection's name, price, blog's content, menu,...
Information and button
Collection's name
Price
Blog's content
Content and menu on footer
2.2 - Heading font family
It will change font of title in banner, title of section, product's name,...
Banner's name
Product's name
section's title
2.3 - Sub title font family
It will change font of any sub title,...
3 - FONT SOURCE FROM GOOGLE
3.1 - Get name your Google
Please go to this link for get font's name
Google Fonts
Google Fonts
3.2 - Body Font Family
Body font family will relate to Button, information, collection's name, price, blog's content, menu,...
Installation way is the same with Body font family
3.3 - Heading Font Family
It will change font of title in banner, title of section, product's name,...
Installation way is the same with Body font family
3.4 - Sub Title Font Family
It will change font of any sub title,...
Installation way is the same with Body font family
4 - BODY FONT SETTINGS
4.1 - Font Weight 
Set up the horizontal size
Max 800
Min 400
4.2 - Line height
Adjust the font vertically
Max 2.0
Min 1.0
4.3 - Font size 
Adjust font to large or small size as you like
Min 10px
Max 20px
4.4 - Letter spacing
Adjust the space between letters
Max 4.0
Min 0.0
5 - PRODUCT ITEM
5.1 - Transform Text:
5.2 - Font size product's name
5.3 - Font size product's price
5.4 - Space between product's image and title
​

Theme Setting - Previous

Style and Color

Typography

Last modified 8mo ago