Overview
Fonts are utilized within design sets, and out the box a design set supports 4 fonts. Sans, Serif, Monospace and Display.
In order to provide optimal performance, the fonts are loaded as local fonts by Next JS during the build process. So there are no cache tags associated with fonts, as it requires a full rebuild to change the fonts used by the site. Hence the setup of the Vercel redeploy webhook, which can be triggered from the top of the main admin sidebar “Site Actions”.
Variable Fonts
It is recommended you utilize variable fonts with Atomic Payload. Since currently there is no support for uploading multiple font thicknesses.
Sans
Serif
MonoSpace
Display
Notes
Use transfonter before uploading to shave unnecessary subsets and convert to the woff2 format. This can drastically reduce font size.