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?
Make sure the font is already loaded on your website
Enter the font family name exactly as used on your website
Select Save
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
The preview beside the settings can only show fonts that load there. A font that only your website loads may not show in the preview, so check your live page after you save
If the font is not loaded on your website, StoreRocket will fall back to the default font. Leave Website font empty to use the default font.