> For the complete documentation index, see [llms.txt](https://docs.zigpoll.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zigpoll.com/polls/display-settings/custom-fonts.md).

# Custom Fonts

To use a custom font:

1. Open your survey and go to **Settings → Design → On-Site**. To set it for every survey, use **Settings → Design Defaults → On-Site** instead.
2. Under **Font**, select **Custom** from the **Font Family** dropdown.
3. Enter the name of your font in **Custom Font**, exactly as it's written in the font's CSS (for example `Brandon Grotesque`).
4. Make sure the font's stylesheet can load (see below).
5. Press **Save Changes**.

If you run into any issues, message us at <support@zigpoll.com>.

## Loading the font

Naming the font isn't enough. Zigpoll draws the survey inside its own frame, and the font's stylesheet has to reach that frame. There are two ways to do this.

**Your website already loads the font.** Zigpoll copies font stylesheets from your page into the survey automatically when they are:

* a `<link rel="stylesheet">` or `@import` from **Google Fonts**, **Adobe Fonts** (`use.typekit.net`), **Fontshare**, **Bunny Fonts**, **Fontsource** on jsDelivr, or **Cloudflare Fonts**; or
* an `@font-face` rule, in a stylesheet served from your own site, whose `font-family` matches the name in **Custom Font**.

**Otherwise, import it in Custom CSS.** Scroll to **Custom CSS** on the same tab and add an `@import` of the font's stylesheet at the top, for example:

```css
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
```

Custom CSS applies wherever the survey appears, including the hosted survey page. This is also how you get the font onto your survey links.

## My custom font isn't showing

When the font can't load, the survey falls back to a default font. Check:

* **The name matches.** **Custom Font** must be the font's `font-family` name, not the file name.
* **The stylesheet is reachable.** Zigpoll only copies stylesheets from your own site or the font services above. For a font loaded from any other domain, add an `@import` to **Custom CSS** instead.
* **The survey link.** The hosted survey page doesn't have your website's stylesheets. Use the **Custom CSS** `@import`.
* **Shopify checkout.** Checkout, Thank You and Order Status blocks can't load custom fonts. See [Shopify checkout limits](/installation/shopify-checkout-limits.md).


---

# 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.zigpoll.com/polls/display-settings/custom-fonts.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.