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

1. Download a font you like (e.g. from dafont.com)

2. Convert the file to .woff or .woff2 format using cloudconvert.com

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?

• 💬 Join our community on Discord: https://discord.gg/hcc2GvgZc6

• 📧 Email us at: [email protected]

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