Your fonts, served from your site

Type does more for a brand than almost anything else on the page, and until this week Spillway made it harder than it should have been. You could name a font in the theme, but loading it was up to you.

Brand, Type now has a font picker, and Your fonts can come from three places.

Google Fonts, without Google

Search the catalog, pick a family and the weights you need, and Spillway downloads the files once into Media. From then on the site serves them itself. Visitors' browsers never contact Google, which keeps the page fast, keeps your privacy notice short and means the font cannot disappear from under you.

Your own files

A licensed brand font usually arrives as a folder of files. Upload the WOFF2, WOFF, TTF or OTF files and they join the site's fonts like any other, stored in Media with the rest of the site's files.

Font libraries

If your fonts live in Adobe Fonts, Fontshare or Bunny Fonts, paste the library's stylesheet URL. Spillway imports it ahead of the theme and the families are available in the picker.

Picking the heading and body fonts

The heading and body fonts are chosen from your fonts, a set of system font stacks or a custom stack. When a stack names a font the site does not load, the picker says so, so a typo does not quietly fall back to Arial. The admin previews the fonts as you choose them.

Behind the scenes the theme CSS writes the @font-face and @import rules ahead of the theme tokens, so every page and every block gets them without any template changes.

Fonts travel with the brand

Brand kits now carry their fonts. Exporting a brand writes the font files into the kit, and importing it on another site files them in that site's Media. One file moves the whole look from staging to production, or from one site in a group to the next. This website's own brand ships that way; a later post covers how.