Eventually Ticketing
Branding & Customization

Matching your Squarespace fonts in the Eventually widget

The Eventually calendar widget is a cross-origin iframe embedded on your Squarespace site. Fonts loaded on the parent page do not automatically load inside the iframe, and licensed fonts such as Adobe Fonts or Squarespace-specific faces are restricted to your site’s domain. Because of this, the widget may show a font name from Squarespace even when it cannot render that exact font.

Which fonts render automatically

The widget can load these font types without extra setup:

  • Google Fonts

  • Web-safe fonts

If your synced heading or body font is one of these, it renders in the widget exactly as it does on your site.

When a font falls back

If your synced font is not in the widget-loadable set, the widget falls back to a system font. In Settings → Brand, under Typography, a notice appears:

Font Name falls back to a system font in your widget — match it exactly

Expanding the notice reveals a copyable @font-face CSS snippet. Paste that snippet into Widget → Custom CSS and replace the src URL with the location of your licensed font file.

Self-hosting the exact font

To match the exact font in the widget, host the .woff2 file on your own server or CDN and point the snippet at that URL. The widget’s CSS sanitizer allows @font-face rules with https src URLs.

@font-face {
  font-family: "Your Font Name";
  src: url("https://your-site.com/fonts/your-font.woff2") format("woff2");
  font-display: swap;
}

Replace Your Font Name with the exact font family and your-site.com/fonts/your-font.woff2 with the actual URL to your file.

Was this helpful?