Skip to main content

How do I add a custom font?

Learn how to use a custom font in your StoreRocket widget by setting the font family already loaded on your website.

Updated this week

You can use a custom font in StoreRocket if the font is already loaded on your website.

StoreRocket does not host fonts. It only applies the font family you specify.


How does it work?

StoreRocket uses the font-family value you provide and applies it to the widget.

The font must already be available on your website (for example via Google Fonts or self-hosted).


How do I set a custom font?

  1. Make sure the font is already loaded on your website

  2. Go to Widget β†’ Settings

  3. Find the Font family field

  4. Enter the font family name exactly as used on your website

Example:

"Martian Mono", monospace

You can also use a full fallback stack:

"Martian Mono", system-ui, monospace

Important notes

  • Do not paste a link or URL

  • Do not paste CSS code

  • Only enter the font family name

  • The font must already be available on your site

If the font is not loaded on your website, StoreRocket will fall back to the default font.

Did this answer your question?