Fluorescent
Lorenza
Lorenza
  • Lorenza Help Center
    • Start using Lorenza
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Theme updates
      • Upgrade to OS2
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 heading tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • Home page
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • Password page
      • Search page
      • 404 page
    • Header
      • Logo
      • Layout and style
      • Mega navigation
      • Transparent header
      • Quick search
      • Customer account link
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Language selector
      • Country selector
      • Payment icons
      • Social media icons
    • Utility bar
      • Announcements
  • Sections
    • Theme sections
      • Blog posts
      • Collapsible row list
      • Collection list
      • Collection list grid
      • Featured collection
      • Featured collection grid
      • Featured collection row
      • Featured product
      • Gallery
      • Image hero
      • Image with text
      • Image with text split
      • Map
      • Mosaic grid (2 columns)
      • Mosaic grid (3 columns)
      • Newsletter
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Slideshow split
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Products
    • Product listings
    • Product badges
    • Quick shop
  • Product pages
    • Product template
      • Pre-order template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Gift recipient form
    • Product page blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Information popup
      • Payment block
      • Security block
      • Shipping block
      • Stock level indicator
      • Text block
      • Text with image
      • Text with video
      • App blocks
    • Product page sections
      • Product reviews
      • Recently viewed products
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Enable swatches
        • Use default colors
        • Use custom images
        • Dynamic option availability
        • Show on collections
  • Collection pages
    • Collection template
    • Banner
      • Breadcrumbs
    • Product grid
    • Filters and sorting
  • Cart
    • Cart page
    • Fly-out cart
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Heading font
  • Body font
  • Logo font
  • Navigation font
  • Buttons font

Was this helpful?

  1. Theme styles

Fonts

Theme settings

Last updated 1 year ago

Was this helpful?

A wide selection of Fonts are available for the logo, headings, body text, and buttons. These fonts are applied site-wide. All fonts are provided by Shopify's font picker. See a full list of .

In the theme editor, click the Theme settings icon, then click to open the Fonts tab.

Tip | See our blog post on for helpful tips and some handpicked examples.

Heading font

All heading and subheading text.

Setting
Description

Heading size

Change the base heading size throughout the theme. Choose a value between 22px and 40px.

Display headings in uppercase

Display all headings in uppercase.

Body font

All remaining text including body text, navigation (menu items), product listing title, and button text.

Setting
Description

Body size

Choose base body text size throughout the theme. Choose a value between 14px and 18px.

Logo font

Your store name in the Header (when no logo image). Go to your Shopify admin Preferences to edit your store name under Store details.

Setting
Description

Logo font size

Change logo's font size in the header. Choose a value between 16px and 40px.

Display logo in uppercase

Display the logo text in uppercase.

Navigation font

Text in your Navigation menus use the Body font, and includes additional font settings.

Setting
Description

Display navigation font in uppercase

Set all navigation text in uppercase.

Navigation font size

Set the text size between 12px and 18px.

Navigation font letter spacing

Increase or decrease space between letters

Buttons font

The buttons font controls all text labels in buttons

Setting
Description

Display button font in uppercase

Set all button text in uppercase.

Button font size

Set the text size between 12px and 18px.

Navigation font letter spacing

Increase or decrease space between letters.


Related links

fonts supported by Shopify
Choosing the best font pairings for your store
Theme settings
Style presets
Colors
Fonts
Animation