Typography

Typography allows setting the font elements such as font, font size, and alignment of texts for the site.

Steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Theme Settings -> Typography.

Optimize your website's performance by utilizing shopify fonts! Selecting a different font can affect the speed of your store. Learn more about system fonts.

How to setup Google Font?

You can use hundreds of free, open-source fonts available through Google Fonts.

1. Search font.

2. Copy name of font which you choose.

3. At Font source setting -> select Google fonts option.

4. Paste text which you have copied to "Google font name" setting.

How to setup Shopify Font?

Shopify's font library is a collection of fonts that includes system fonts, a selection of Google fonts, and licensed fonts from Monotype. These fonts are free to use on all Shopify online stores, and are provided in both WOFF and WOFF2 formats.

1. At Font source setting -> select Shopify fonts option.

2. Click the Change button in the Shopify font setting to choose the font you want.

Body font

Setting	Description
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

Setting	Description
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

Setting	Description
Font family	Select a font family to apply to the body text: Font family #1 Font family #2

Button font

Setting	Description
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

Setting	Description
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.