Brickspace Lab
Contact usContact ShopifyTry a theme
Paper
Paper
  • Paper documentation
  • Getting started
    • Theme colors
    • Theme typography
  • Guides
    • Color and option swatches
  • Using device specific visibility
  • Dynamic discount popups
  • Adding product subtitles
  • Adding product badges
  • Replacing “Add to cart” for a product
  • Disabling "quick-add" for a product
  • Fixed buy buttons
  • Disabling default ratings when using a third party app
  • Migrateing custom changes
  • Different ways to display option blocks
  • Creating a Mapbox API key
  • Templates
    • Collection template
  • Product template
    • Dynamic variant images
    • Gift cards
    • Quantity picker
    • Subscription options
    • Sibling products
    • Bundled products
    • Custom fields
    • Content drawers
  • Blog template
  • Sections
  • Sections
    • Featured product
    • Slideshow
    • Email sign-up
    • Video
    • Alternative banner
    • Alternative collection grid
    • Banner
    • Blog posts grid
    • Collage
    • Collapsible content
    • Collection list grid
    • Collection list slider
    • Comparison table
    • Contact form
    • Countdown
    • Custom liquid
    • Discount banner
    • Featured collection grid
    • Featured collection slider
    • Icon grid
    • Image comparison
    • Image hotspot
    • Logo list
    • Navigation slider
    • Recently viewed
    • Rich text
    • Slider
    • Store locator
    • Testimonials
    • Cart drawer
    • Header
  • General
    • Changelog
      • v8.0.1
      • v8.0.0
      • v7.6.2
      • v7.6.1
      • v7.6.0
      • v7.5.0
      • v7.4.0
      • v7.3.0
      • v7.2.1
      • v7.2.0
      • v7.1.2
      • v7.1.1
      • v7.1.0
      • v7.0.0
      • v6.2.0
      • v6.1.7
      • v6.1.6
      • v6.1.5
      • v6.1.4
      • v6.1.3
      • v6.1.2
      • v6.1.1
      • v6.1.0
      • v6.0.1
      • v6.0.0
      • v5.2.0
      • v5.1.0
      • v5.0.1
      • v5.0.0
      • v4.1.1
      • v4.1.0
      • v4.0.0
      • v3.0.2
      • v3.0.1
      • v3.0.0
      • v2.0.0
      • v1.2.2
      • v1.2.1
      • v1.2.0
      • v1.0.0
    • Known issues and troubleshooting
      • v8.0.1
    • Cloning a demo theme
      • Poster
      • Parts
      • Pastel
      • Page 3
      • Page 4
Powered by GitBook
On this page
  • Setting up theme typography
  • Before starting
  • Getting started

Was this helpful?

Edit on GitHub
  1. Getting started

Theme typography

Last updated 26 days ago

Was this helpful?

Setting up theme typography


Text plays a significant role on your website. Both the content and the typography you use are crucial for building a strong visual identity that resonates with customers.

Before starting

Typography greatly influences your website's visual identity. Choosing the right font helps customers connect with your brand.

Before adjusting typography settings, consider your brand's mission and identity. Make sure any changes support the visual identity that resonates with your customers.

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

How to Pick a Font for Your Brand: Guide to Choosing Fonts