Typography allows setting the font elements such as font, font size, and alignment of texts for the site.
Steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Theme Settings -> Typography.
Search font.
Copy name of font which you choose.
At Font source setting -> select Google fonts option.
Paste text which you have copied to "Google font name" setting.
At Font source setting -> select Shopify fonts option.
Click the Change button in the Shopify font setting to choose the font you want.
Body font
Font family
Select a font family to apply to the body text:
Font family #1
Font family #2
Font size
Set the font size to apply to the body text ranging from 10px to 100px.
Font weight
Set the font weight to apply to the body text:
Normal
Medium
Semi bold
Bold
Extra bold
Black
Line height
Set the line height to apply to the body text.
Letter spacing
Set the spacing between letters to apply to the body text.
Heading font
Font family
Select a font family to apply to the body text:
Font family #1
Font family #2
Font size
Set the font size to apply to the body text ranging from 10px to 100px.
Font weight
Set the font weight to apply to the body text:
Normal
Medium
Semi bold
Bold
Extra bold
Black
Line height
Set the line height to apply to the body text.
Letter spacing
Set the spacing between letters to apply to the body text.
Text Transform
Set the font style on heading, titles to be either normal, italic or oblique.
Navigation font
Font family
Select a font family to apply to the body text:
Font family #1
Font family #2
Button font
Font family
Select a font family to apply to the body text:
Font family #1
Font family #2
Font size
Set the font size to apply to the body text ranging from 10px to 100px.
Font weight
Set the font weight to apply to the body text:
Normal
Medium
Semi bold
Bold
Extra bold
Black
Line height
Set the line height to apply to the body text.
Letter spacing
Set the spacing between letters to apply to the body text.
Text Transform
Set the font style on heading, titles to be either normal, italic or oblique.
Product Badge font
Font family
Select a font family to apply to the body text:
Font family #1
Font family #2
Font size
Set the font size to apply to the body text ranging from 10px to 100px.
Font weight
Set the font weight to apply to the body text:
Normal
Medium
Semi bold
Bold
Extra bold
Black
Line height
Set the line height to apply to the body text.
Letter spacing
Set the spacing between letters to apply to the body text.
Text Transform
Set the font style on heading, titles to be either normal, italic or oblique.
Optimize your website's performance by utilizing shopify fonts! Selecting a different font can affect the speed of your store.
You can use hundreds of free, open-source fonts available through .
Shopify's font library is a that includes system fonts, a selection of Google fonts, and licensed fonts from . These fonts are free to use on all Shopify online stores, and are provided in both and formats.
