Paste the following code in the global CSS file:
@font-face {
font-family: 'Inter';
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: 'Regular';
src: url('/fonts/Inter.var.woff2') format('woff2');
}Simple version
export const cn = (...classes: (boolean | string)[]) =>
classes.filter(Boolean).join(' ');Advanced version with twMerge
import { clsx, type ClassValue } from 'clsx';
import { twMerge } from 'tailwind-merge';
export function cn(...classes: ClassValue[]) {
return twMerge(clsx(classes));
}