Typography

Fonts

In each section or block, you can choose the font family from the list: Heading, Body, Accent for subheadings, headings, and descriptions. For example, product cards use the heading font family by default, but in some cases, the body font family may look better. You can change this in the Product Card settings within the section settings.

Setting	Description
Heading family	To customize the font for headings in your theme, select a font family from the dropdown list of system fonts. This lets you choose a style that enhances the appearance of your headings. At the end of the system fonts list, you can also select a font weight, which will be applied to all headings across the site.
Body family	To customize the font used for body text in your theme, you can easily select a font family from the dropdown list of system fonts. This allows you to choose a font that best suits your desired style and enhances the overall look of your body text. At the end of the system fonts list, you can also select a font weight, which will be applied to body text across the site.
Accent family	Select a font family for Accent Text, which will be applied wherever needed in sections or blocks. At the end of the system fonts list, you can also choose a font weight, which will apply to all accent text across the site.

Heading hero

Setting	Description
Size	Use the slider to adjust the size of the Hero heading. Changes will be applied across your website wherever the Hero heading is used.
Size mobile	Adjust the heading size specifically for mobile devices.
Line height	Set the spacing between lines of the Hero heading.
Letter spacing	Adjust the spacing between characters in the Hero heading.

Heading H1, H2, H3, H4,H5, H6

Adjust heading settings for each heading level separately.

Setting	Description
Size	Use the slider to adjust the heading size for desktop.
Size mobile	Set a different size specifically for mobile devices.
Line height	Adjust the vertical spacing between lines of the heading.
Letter spacing	Control the spacing between characters in the heading.

Paragraph

The paragraph represents the body text of your site and is used for regular content.

Setting	Description
Main text size	Adjust the body text size for desktop.
Main text size mobile	Set a different size specifically for mobile devices.
Line height	Control the vertical spacing between lines of body text.
Letter spacing	Adjust the spacing between characters in body text.
Small text size	Configure the size for smaller paragraph text.
Small text size mobile	Set a different size for small text on mobile devices.

Caption

This style is used for short supporting text, such as labels or annotations.

Setting	Description
Size	Set the caption text size for desktop.
Size mobile	Set a different caption size for mobile devices.
Font	Choose the font for the caption text. Options include: Heading – Use the heading font family Body – Use the body text font family Accent – Use the accent text font family
Line height	Adjust the vertical spacing between lines of caption text.
Letter spacing	Adjust the vertical spacing between lines of caption text.
Text style	Apply a text transformation: Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin. Uppercase: ALL LETTERS ARE CAPITALS Lowercase: all letters are small

Subheading

This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.

Setting	Description
Size	Use the slider to adjust the subheading size for desktop.
Size mobile	Set a different size specifically for mobile devices.
Line height	Adjust the vertical spacing between lines of the subheading.
Letter spacing	Control the spacing between characters in the subheading.