Automatic font preload links in the head

[royduin]

The package just grabs all the woff2 fonts discovered by Vite and generates preload links for them:

<link rel='preload' href='https://website.com/build/assets/font.woff2' as='font' type='font/woff2' crossorigin>

[royduin]

Doesn't seem to play nice with Statamic's static caching when used in combination with https://github.com/rapidez/statamic

[royduin]

So the issue was Nginx in combination with https://github.com/justbetter/laravel-http3earlyhints, it had nothing to do with the Statamic integration:

upstream sent too big header while reading response header from upstream

But that's because in the specific project there are 28 fonts within the manifest and the size limit is not inline with the Nginx defaults: https://github.com/justbetter/laravel-http3earlyhints/blob/1fc4c118ab792f5bf5ab3ec81eb27625857a38ba/src/config.php#L13

When you've a multisite like: https://docs.rapidez.io/3.x/theming.html#multistore, all fonts are in the manifest. So the fonts of all your website are added as a preload.

Should we split and have a manifest per website? Or should we check the generated CSS file if the fonts are actually in the specific CSS file?

[royduin]

Related:

• Fonts per CSS file Log1x/laravel-webfonts#38
• Css font imports in manifest.json vitejs/vite#18392
• Css font imports in manifest.json vitejs/vite#18392 (comment)