Typography

The importance of typography cannot be overstated when it comes to influencing the overall appearance and impression of a website. In this article, we will guide you through the process of modifying the typography of your online store.

Body font

You have two options when it comes to selecting fonts for your website: utilizing the pre-existing fonts available in the library or using custom fonts. If you prefer to use custom fonts, please follow the steps outlined below:

Custom fonts guideline

Custom font settings

Settings
Description

Use custom font

You need to enable it to use custom font

Font URL

  1. You need to first upload fonts to the Shopify file

2. Following the format, "Font_URL@font_weight&Font_URL@font_weight" Put the URL in the "Font URL" field

Body font weight

You can change the font weight of the custom font for the body text.

Body font size

You can increase/decrease the font size using percentages.

Letter spacing

You can add Letter spacing for the body text

Headings font

Buttons settings

Settings
Description

Button font size

You can increase/decrease the font size using percentages.

Border Width

You can change border width

Border Radius

You can change border for all the buttons

Letter spacing

You can add a letter spacing for all the buttons

Text transform

You can text transform the following options, "Default, Uppercase, Lowercase, Capitalize"