Openspaces Labs
  • 🏠 Getting Started
    • Installing the Plain Jane Theme
    • Theme Versions + Features Table
  • 🧰 Theme Settings
    • Announcement Bar
    • Animations
    • Cart Drawer
    • Clock Settings
    • Collection Layout Settings
    • Cursor Settings
    • Footer Settings
    • Global Menu Settings
    • Music Player Settings
    • Logo Settings
    • Skip Home Screen
    • SEO Settings
    • Main Theme Color
    • Typography Settings
  • 🗂 Pages & Menus
    • Homepage + Menu
      • Center Menu
      • Side-Aligned Menu
      • Compact Menu Layout (Global Menu)
    • Collection Page
      • Classic Collection
      • Sidebar Collection
    • Collection List Page
    • Product Page
      • Product Section (Showcase)
      • Product Section (Thumbnail)
    • About Page
    • Contact Page
    • Lookbook Page
      • 🛠 How to Create a Lookbook Page
      • 🗂 Creating a Lookbook Archive
      • ⚙️ Lookbook Settings & Features
    • Password Page
      • How To Password Lock Store
      • How To Add and Set Timer
      • How To Collect Emails + SMS
      • Using The Store Unlock Animation
  • 🧩Sections and Features
    • Blog Feed Section
    • Collection Display Section
    • Collection List Section
    • Email Signup (Popup)
    • Email Signup (Embed)
    • FAQ Section
    • Hero Section
    • Image Selector Section
    • Image Stream Section
    • Marquee Section
    • Preloader Section
    • Product Carousel Section
    • Text Block Section
    • Video Spotlight Section
  • 🏷️Advanced
    • How to Add Size Charts to Each Product
    • Setting Up Color Swatches
    • Setting Up Model Info
    • Setting Up Pre-Orders
  • 👥Customer Accounts
    • How To Setup Customer Accounts
    • Login Page
    • Register Page
    • Account Dashboard Page
    • Address Management Page
  • 🌎Languages & SEO
    • Language Files (Locales)
    • Update Favicon
    • Meta Descriptions
  • ⭐️Plain Jane Interactive
    • How to Create an Interactive Space
    • Setting The Background
    • Adding Interactive Points
    • Using Transition Arrows
    • Best Practices for Mobile + Spacing
  • 💬 FAQ & Troubleshooting
Powered by GitBook
On this page
  • 🔧 Access Typography Settings
  • 🔠 Font Categories
  • 🖋️ Enable Custom Fonts
  • 🌐 How to Upload a Custom Font
  • ✅ Font Pairing Best Practices
  • Need Help?
  1. 🧰 Theme Settings

Typography Settings

For Plain Jane Starter, Plain Jane, and Plain Jane Interactive

What You’ll Learn

  • How to update fonts for different areas of your store

  • How to upload and use custom fonts with URLs

  • Font pairing tips for a clean visual hierarchy

🔧 Access Typography Settings

  1. From your Shopify Admin, go to Online Store > Themes

  2. Click Customize on your current theme

  3. In the Theme Editor, open the Theme Settings panel (paintbrush icon)

  4. Click on Typography to open the full font customization menu

🔠 Font Categories

Each section controls fonts for a specific part of your store. You can choose from default fonts or enable a custom font.

Center/Side Menu Enter Page Fonts

  • Controls font for your Enter page (center or side layout)

Countdown Fonts

  • Used on the password page countdown timer

Header Fonts

  • Applies to headings/titles sitewide

Paragraph Fonts

  • Used for general text, including product descriptions and about pages

Button Fonts

  • Applies to buttons across the theme

Marquee Fonts

  • Only affects scrolling marquee/announcement text if used

🖋️ Enable Custom Fonts

To use a custom font instead of the default:

  1. Toggle Enable Custom Font

  2. Enter the Font Name (e.g. Superfresh)

  3. Paste the Custom Font URL for a .woff or .woff2 file

⚠️ File must be hosted in .woff or .woff2 format. TTF or OTF files will not work.

🌐 How to Upload a Custom Font

  3. Go to Shopify Admin > Content > Files

  4. Click Upload Files and select your .woff file

  5. After it uploads, click the link icon to copy the hosted URL

  6. Return to Theme Settings > Typography and paste this URL into the Custom Font URL field

✅ Font Pairing Best Practices

🎨 Use 2–3 fonts max for a clean, consistent design

  • 1 for Headings: Something bold or stylized

  • 1 for Body Text: A clean sans-serif or serif

  • Optional: 1 additional for marquee or enter screens

💡 Tip: Avoid using too many fonts—it can make your store feel cluttered or unprofessional.

Need Help?

  • 📧 Email us at: support@openspaces.design

  • 💻 Live chat with us: Available Monday–Friday, 10AM–6PM EST, directly on our website

PreviousMain Theme ColorNext🗂 Pages & Menus

Last updated 4 days ago

Download a font you like (e.g. from )

Convert the file to .woff or .woff2 format using

💬 Join our community on Discord:

dafont.com
cloudconvert.com
https://discord.gg/hcc2GvgZc6