> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/readme-1/theme-settings/typography-settings.md).

# 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
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.