> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pcnaid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Fonts and CSS

> Set custom web fonts and CSS for published pages, and manage upload and publish preferences.

# Customize Fonts and CSS

## What does this do for me?

On the Growth plan and above, you can apply your own web fonts and CSS to SwiftPage pages so they match your brand.

## Availability

The **Custom fonts & CSS** section appears in **Settings** for plans that include it.

## 1. Open the settings

1. In the app, open **Settings**.
2. Find the **Custom fonts & CSS** section.

The text explains that your choices apply to the next publish or export of each page.

## 2. Add fonts

1. Enter a **Custom font family stack** — the CSS font stack to use.
2. Under **Font import URLs (one per line)**, add one `https://` stylesheet URL per line. Any line that is not an `https://` URL blocks saving.
3. Select the save action in the Shopify Contextual Save Bar.

## 3. Add CSS

1. Enter your rules in **Custom CSS**.
2. Save.

## 4. Upload and publish preferences

Depending on your plan, the section also offers:

* **Compress uploaded images and serve responsive Shopify CDN widths** — resizes eligible images before upload and requests responsive widths on the storefront.
* **Show one-click publish shortcut on dashboard** — adds a **Publish page** shortcut to the **Home** page list.

## Other sections on the Settings page

* **Multi-store organization:** Agency plans can create or join an organization with an invite code and see connected stores.
* **Store migration:** Agency plans can **Export pages JSON** and **Import pages** from another store. Imported pages are created as drafts.
* **Support:** send a message with a **Reply-to email** and up to 5000 characters.

[Pcnaid Documentation](https://docs.pcnaid.com/namespace/index.md) › [Shopify Ecosystem](https://docs.pcnaid.com/hubs/shopify-ecosystem/index.md) › [SwiftPage](https://docs.pcnaid.com/nodes/shopify/swiftpage/index.md) › [Merchant](https://docs.pcnaid.com/nodes/shopify/swiftpage/merchant/index) › [Guides](https://docs.pcnaid.com/nodes/shopify/swiftpage/merchant/guides/index.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.