# Typography Settings

> **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](https://www.dafont.com))
2. Convert the file to `.woff` or `.woff2` format using [cloudconvert.com](https://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:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website