Sleek
Try Sleek freeResourcesOther solutions
  • What is Sleek theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Sleek theme
    • Set up my store as Sleek demo
    • Update Sleek theme
    • Theme license & Transfer
  • BUILD FOR SUCCESS SERIES
    • Homepage for Health & Beauty 🔥
  • Page's global sections
    • General settings
    • Announcement bar
    • Cart drawer
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Mobile navigation bar
    • Pop-up
    • Quick view
  • Theme sections
    • Before/ After image slider
    • Blog post
    • Card images
    • Collage tabs
    • Collapsible tabs
    • Collection image showcase
    • Collection list
    • Collections showcase
    • Collections slider
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products
    • Feature list
    • Featured product
    • Featured collection
    • Featured products tab
    • Highlight text with image
    • Image gallery
    • Image with text
    • Image with text columns
    • Image with text overlay
    • Layered images with text
    • Lookbook banner
    • Lookbook cards
    • Lookbook slider
    • Media with collection
    • Multicolumn
    • Press
    • Products bundle
    • Product tabs
    • Product showcase
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Store locator
    • Testimonials
    • Video
    • Video hero
    • Video with text
  • Theme settings
    • General 🔥
    • Animations
    • Buttons
    • Custom CSS
    • Blog cards
    • Cart
    • Collection cards
    • Color swatches
    • Colors
    • Currency format
    • Layout
    • Logo
    • Product cards
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Breadcrumbs
      • Product information
      • Related products
      • Sticky add to cart bar 🔥
    • Collection page
      • Collection template
      • Collection banner
      • Product grid
    • Collections list page
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Generic
      • Add gift wrap option to my cart
      • Combined listings app
      • How to add custom fonts in Sleek? 🔥
      • JavaScript events for developers
    • Product
      • Set up quantity rules and volume pricing 🔥
      • Add custom badges using product tags
      • Set up Local Pickup option
      • Show dynamic content for Products using Metafields 🔥
Powered by GitBook
On this page
  • Body text and Heading
  • Body text
  • Headings
  • Display headings
  • Subheadings
  • Product cards title
  • Navigation
  • Buttons
  1. Theme settings

Typography

A guide to choose fonts for the website

PreviousSocial mediaNextProduct page

Last updated 11 months ago

Steps

  1. In the theme editor (Customize), click Theme settings.

  2. Locate Typography.

  3. Make necessary changes.

  4. Save.

Typography is considered one of the essential components that impact the website's look and feel. This article will show you how to edit your store typography.

Body text and Heading

You can choose between many existing fonts from the library.

The font that displays on your customer's computer depends on their operating system.

Body text

Choose the Font, then adjust the Base size and Bolder font weigh for highlight certain titles and labels.

Headings

Choose the Font, then adjust the Font size, Mobile font size scale and Letter spacing on the mobile view. You also have the option to enable/disable Uppercase headings if necessary.

Display headings

Set the Base size for headings and enable/disable Uppercase display headings.

Subheadings

Set the Font size scale for Subheadings and choose the font as Body font/Headings font and the Font weight.

You can also adjust the Letter spacing and the Text transform as Normal, Title case, UPPER CASE, lowercase.

Product cards title

Navigation

Choose the font for your navigation as Body font/Headings font, Font weight options and enable/disable Uppercase navigation.

Buttons

Choose the font for your button labels as Body font/Headings font and enable/disable the Font weight options.

You can also adjust the Letter spacing and the Text transform as Normal, Title case, UPPER CASE, lowercase.

To learn more about system font, see .

To set the Font size scale, Font family and Font weight for your title. Enable or disable Uppercase headings if necessary.

Shopify Manuals
Product card