# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/readme-1/theme-settings/typography-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.