Typography

Global Fonts

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.
4. Click Typography.
5. For each type of text, click Change to use the font picker.
6. Explore fonts by using the search field.
7. Click the name of the font that you want to use.
8. Click Select.
9. Click Save.

By default, fonts are coming from Shopify's library. Get more details here.

To use custom fonts, follow instructions by Shopify.

Headings

A heading is usually title of page, section, product, collection, article, etc.

Subheadings

Subheading is a mini-headline which supports headings with more detail and usually reside under/above headings.

Body

Body font is the main typography applied to content that a reader will focus on, and it's usually set in a smaller font size than headings or titles.

Product details, page descriptions and article contents are good example of body text.

Default body font size is 14px.

For developers:

When using CSS, 1rem means 10px. Uomo theme uses tailwind CSS to manage all styles. 

Explore html class name with font sizes below: