Split css to use <link rel=preload> for fonts

Question

I am using Tailwindcss with VueJS and Laravel-Mix (Webpack).

I\'d like to use custom local fonts.

This is how I included them:

@layer base {