Demo code for using Fontaine to reduce font swap Cumulative Layout Shift (CLS) with SvelteKit. The code accompanies the SvelteKit Fontaine post. If you have any questions, please drop a comment at the bottom of that page.
If you're seeing this, you've probably already done this step. Congrats!
git clone https://github.com/rodneylab/sveltekit-fontaine.git
cd sveltekit-fontaine
pnpm install # or npm install
cp .env.example .env
pnpm dev
pnpm run build
You can preview the built app with
pnpm preview
, regardless of whether you installed an adapter. This should not be used to serve your app in production.
Feel free to jump into the Rodney Lab matrix chat room.