Kalles
Search…
Kalles
Greeting
ChangeLog
Installation
Some Basic Before Using Theme
Upload theme
Import Demo
How to update the theme ?
How to get Instagram Access Token
Easy metafield editor
Trick, Helpful CSS
Shopify apps
Get discount
Require apps (free)
Recommend app (optional)
Main Navigation
Create a menu
Megamenu config
Mobile menu config
Theme Setting
Header
Layout
General Settings
Logo Header
Style and Color
Typography
Typography
Footer
Collection Page
Product Settings
Product Item Settings
Cart, Search Widget
Config Articles On Blog Page
Other Settings
Language, Currency
Custom CSS, JS
Social Media
Favicon
Checkout
Portfolio configuration
Filter by Tag for Blog
Recommendation Pop-up Add to Cart
Collection Filter
Filter by Product Options
Filter by Tags
Variant Configuration
Config variant in product page
Custom variant color
Custom variant image
Variant ID on URL
Product Setting
Some popular questions related
Shopping Cart Widget
Sections
Swatch, Label Submenu
Config Compare Page
Exit product popup
Sticky add to cart
Mobile Categories
Sticky Toolbar Mobile
Sale popup
Collections
Blog
Image
Video
Text
Promotional
Social media
Lookbook
Products
Cart Tab
Video Thumbnail
Sections on Blog
Page config
Features
Contact page
Page FAQs
Brand page
About Us page
FAQ Kalles
Powered By
GitBook
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
Next
Typography
Last modified
1yr ago
Copy link
Contents
1 - GENERAL
2 - FONT SOURCE FROM SHOPIFY
2.1 - Body font family
2.2 - Heading font family
2.3 - Sub title font family
3 - FONT SOURCE FROM GOOGLE
3.1 - Get name your Google
3.2 - Body Font Family
3.3 - Heading Font Family
3.4 - Sub Title Font Family
4 - BODY FONT SETTINGS
4.1 - Font Weight
4.2 - Line height
4.3 - Font size
4.4 - Letter spacing
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