Typography | Notion

Typography (1).png

Typography preset

Select a typography preset from the options in the dropdown. Presets use a combination of Base and Accent fonts, applied to different elements with various font sizes. ‘Minimal’ presets only use Base font.

Swap base and accent fonts: when enabled, base and accent fonts will be swapped.

Desktop font size scale: define font size scale from 50% to 130% for desktop version**.**

Mobile font size scale: define font size scale from 50% to 130% for mobile version.

Base

This font type is used for body text.

Font: select the base font from the list of available fonts. More on fonts in Shopify here.

Base icon weight: select weight for icons located near the base font.

Accent

This font type is used for headings.

Font: select the accent font from the list of available fonts. More on fonts in Shopify here.

Accent icon weight: select weight for icons located near the accents font.

<aside> <img src="/icons/warning_orange.svg" alt="/icons/warning_orange.svg" width="40px" /> Please be aware that choosing a different or a custom font may impact your store's performance.

</aside>

Custom fonts

Enable custom fonts: to learn how to add custom fonts to Shopify theme, please refer to this article.

<aside> <img src="/icons/info-alternate_gray.svg" alt="/icons/info-alternate_gray.svg" width="40px" /> Supported custom font formats are WOFF and WOFF2.

</aside>