Typography

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

  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.

Typography Settings

Settings
Type
Default
Description

Header

header

UI-only header label in the typography settings.

Paragraph

paragraph

UI-only paragraph in the typography settings.

Type Body Font

font_picker

assistant_n4

Primary body font family used site-wide.

Type Header Font

font_picker

assistant_n4

Font family used for headings and titles.

Type Subheading Font

font_picker

assistant_n4

Font used for subheadings and secondary headings.

Type Size Paragraph

select

1.6rem

Default paragraph font size.

Type Line Height Paragraph

select

body-normal

Default line-height for body copy.

Type Font H1

select

heading

Font style preset for H1 headings.

Type Size H1

select

6.0rem

Size for H1 headings.

Type Line Height H1

select

display-normal

Line-height for H1 headings.

Type Letter Spacing H1

select

heading-normal

Letter spacing for H1 headings.

Type Text Transform H1

select

none

Text transform (e.g., uppercase) for H1.

Type Font H2

select

heading

Font style preset for H2 headings.

Type Size H2

select

5.0rem

Size for H2 headings.

Type Line Height H2

select

display-normal

Line-height for H2 headings.

Type Letter Spacing H2

select

heading-normal

Letter spacing for H2 headings.

Type Text Transform H2

select

none

Text transform for H2.

Type Font H3

select

heading

Font style preset for H3 headings.

Type Size H3

select

4.0rem

Size for H3 headings.

Type Line Height H3

select

display-normal

Line-height for H3 headings.

Type Letter Spacing H3

select

heading-normal

Letter spacing for H3 headings.

Type Text Transform H3

select

none

Text transform for H3.

Type Font H4

select

heading

Font style preset for H4 headings.

Type Size H4

select

3.0rem

Size for H4 headings.

Type Line Height H4

select

display-normal

Line-height for H4 headings.

Type Letter Spacing H4

select

heading-normal

Letter spacing for H4 headings.

Type Text Transform H4

select

none

Text transform for H4.

Type Font H5

select

heading

Font style preset for H5 headings.

Type Size H5

select

2.0rem

Size for H5 headings.

Type Line Height H5

select

display-normal

Line-height for H5 headings.

Type Letter Spacing H5

select

heading-normal

Letter spacing for H5 headings.

Type Text Transform H5

select

none

Text transform for H5.

Type Font H6

select

heading

Font style preset for H6 headings.

Type Size H6

select

1.6rem

Size for H6 headings.

Type Line Height H6

select

display-normal

Line-height for H6 headings.

Type Letter Spacing H6

select

heading-normal

Letter spacing for H6 headings.

Type Text Transform H6

select

none

Text transform for H6.

Need More Help?

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our Ticket System — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

Halothemes Community

Join HaloThemes Community

Last updated