Brickspace Lab
Contact usContact ShopifyTry a theme
Space
Space
  • Space documentation
  • Getting started
    • Selecting theme colors
  • Theme typography
  • Guides
    • Using color and option swatches
    • Using device specific visibility
  • Dynamic discount popups
  • Adding product subtitles
  • Adding product badges
  • Replacing "Add to cart" for a product
  • Disable "quick add" for a product
  • Templates
    • Collection template
  • Product template
  • Blog template
  • Article template
  • Sections
    • Sections
      • Announcement
      • Header
      • Cart drawer
      • Menu drawer
      • Search drawer
      • Footer
      • Tooltip
      • Fixed menu
      • Featured product
      • Footer
      • Fixed menu
      • Slideshow
      • Email sign-up
      • Video
      • Alt collection grid
      • Banner
      • Block reveal
      • Blog posts grid
      • Collage
      • Collapsible content
      • Collection list grid
      • Collection list slider
      • Collection slider
      • Comparison table
      • Contact form
      • Countdown
      • Custom liquid
      • Discount
      • Featured collection grid
      • Icon grid
      • Image hotspot
      • Logo list
      • Marquee
      • Navigation slider
      • Product list
      • Recently viewed
      • Rich text
      • Search banner
      • Slider
      • Split banner
      • Static chat
      • Store locater
      • Tabs
      • Testimonial grid
      • Testimonial slider
      • Text highlight
  • General
    • Changelog
      • 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
      • Shimmer
Powered by GitBook
On this page

Was this helpful?

Theme typography

Last updated 22 days 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