Skip to main content

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 › Shopify Ecosystem › SwiftPage › Merchant › Guides