Cello Documentation
Submit a TicketLive Chat
  • Webibazaar Support
  • Cello Shopify
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
  • Sections
    • Custom Liquid
    • Page
    • Map
    • Lookbook
    • Slideshow
    • Logo list
    • Collection list
    • Scrolling bar
    • Featured collection
    • Multicolumn
    • Featured product
    • Video
    • Sponsored product
    • Testimonials
    • Blog posts
    • Text with icons
    • Image banner
    • Image with text
    • Counter
    • Rich text
    • Multirow
    • Collapsible content
    • Contact form
    • Custom text
    • Newsletter
  • Footer
  • Theme Settings
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Content containers
    • Background radius
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Custom CSS
  • Product page
    • Setting the Complementary products(Metafield)
    • Quick order list
    • Product tab
  • Collection Page
    • Collection banner
  • Color swatches
  • Page
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.3
    • Version 2.0.2
    • Version 2.0.1
    • Version 2.0.0
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  • Customize your typography settings
  • Customize your font sizes
  1. Theme Settings

Typography

PreviousColorsNextLayout

Last updated 10 months ago

You can set the font style and size of the text on your online store. You can choose between a system font or a custom font.

From the Typography panel, you can set the Body font family and Font size.

Customize your typography settings

  • From your Shopify admin, go to Online Store > Themes.

  • Click on Customize button.

  • Click Theme settings.

  • Click Typography.

  • For each type of text, click Change to use the font picker.

  • Click the name of the font that you want to use.

  • To change the font to a different style, click the name of the current font style, and then select a new font style from the dropdown menu.

  • Click Select.

  • Click Save.

Customize your font sizes

  • You can set the default font sizes for your heading and body text within the Typography theme setting.

  • From your Shopify admin, go to Online Store > Themes.

  • Click on Customize button.

  • Click Theme settings > Typography.

  • To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the size increases the font size by 5%. The default setting is 100%.

  • To change the default font size for the body, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the size increases the font size by 5%. The default setting is 100%.

  • Click Save.

Explore fonts by using the search field, or by clicking Load more. To see all of the available fonts, see

Shopify's font library
Live Chat Support | Webibazaar Template
Logo