Brickspace Lab
Contact usContact ShopifyTry a theme
Space
Space
  • Space documentation
  • Getting started
    • Theme basics
    • Theme settings
      • Theme typography
      • Selecting theme colors
  • Guides
    • Products
      • Adding product subtitles
      • Adding product badges
      • Replacing "Add to cart" for a product
      • Disable "quick add" for a product
      • Product template
    • Collections
      • Collection template
    • Sitewide
      • Using color and option swatches
      • Using device specific visibility
      • Dynamic discount popups
      • Blog template
      • Article template
      • Search results
  • Sections
    • Sitewide
      • Header
      • Footer
      • Announcement
      • Cart drawer
    • Navigation
      • Menu drawer
      • Fixed menu
      • Search drawer
      • Navigation slider
    • Content and Media
      • Video
      • Slideshow
      • Marquee
      • Split banner
      • Image hotspot
      • Countdown
      • Discount
      • Logo list
      • Banner
      • Slider
      • Testimonial slider
      • Search banner
      • Rich text
      • Blog posts grid
      • Testimonial grid
      • Icon grid
      • Collapsible content
      • Tabs
      • Text highlight
      • Block reveal
      • Tooltip
      • Collage
      • Comparison table
    • Products and collections
      • Featured product
      • Alt collection grid
      • Collection list grid
      • Collection list slider
      • Collection slider
      • Featured collection grid
      • Product list
      • Recently viewed
    • Forms
      • Static chat
      • Email sign-up
      • Contact form
      • Custom liquid
      • Store locater
  • General
    • Changelog
      • v2.1.1
      • v2.1.0
      • v2.0.0
      • v1.2.1
      • v1.2.0
      • v1.1.0
      • v1.0.1
      • v1.0.0
    • Known issues and troubleshooting
      • v2.0.0
    • Cloning a demo theme
Powered by GitBook
LogoLogo

Try a theme

  • Paper
  • Space
  • Keystone

Resources

  • Get theme support
  • Services
  • Contact
On this page

Was this helpful?

Edit on GitHub
  1. Getting started
  2. Theme settings

Theme typography

Last updated 1 month ago

Was this helpful?

Getting started

Editing font family

We suggest using a maximum of two different fonts to avoid impacting your website's performance. Consider using the same font for two settings.

System fonts are recommended if you prioritize speed over visual consistency.

  • Body font: Applied to main body text across your site, such as description text and other content.

  • Heading font: Applied to all headings on your site.

  • Navigation font: Applied to all buttons.

  • Base size: The smallest font size, serving as a reference for all other font sizes, including headings.

Editing type settings

Type settings can be used to further customize which fonts are used throughout your theme. These settings can be used to change capitalization and font families.

Popular font pairings

Below are some of our favorite font pairings available on Shopify themes

Helvetica + Helvetica Black

Futura + Basic Commercial

Muli + ITC Clearface

Monotype Century + Mariposa Sans Black

Nunito Sans + Optima Nova Medium

Work Sans + Crimson Text

Source Sans Pro + Nunito