Fonts, icons and assets
Register host fonts, choose media and keep content accessible.
Register site fonts
Use PagieraProvider from pagiera/provider to register the next/font variables available to your host. Each font entry has a variable and title. The studio's site font selection is intended to apply to canvas, preview and published output.
- Load the font in your host application.
- Register its variable and readable title in the provider.
- Select the site font in the studio's typography settings.
- Verify that the font is loaded on both preview and public routes.
The full editor ships its own Figtree font for studio chrome; this is separate from your website typography. See Next.js setup for integration context.
Images, video and icons
Choose assets with appropriate dimensions and usage rights. Supply meaningful image alt text, reserve layout space and test loading failures. Use the icon library for symbols, but retain visible text or an accessible name for important controls.
External media
Remote images, video and embeds still depend on their origins and your application's browser security policy. Do not assume a URL working on your machine guarantees access for every visitor. Test published pages without an editor session.
Delivery checks
Review large assets on a slow connection, avoid hiding primary content in decorative media, and confirm font fallback does not make controls overflow.