37 lines
890 B
TypeScript
37 lines
890 B
TypeScript
/**
|
|
* Font Configuration
|
|
*
|
|
* Xpeditis uses two Google Fonts:
|
|
* - Manrope: For headings and titles
|
|
* - Montserrat: For body text and UI elements
|
|
*/
|
|
|
|
import { Manrope, Montserrat } from 'next/font/google';
|
|
|
|
/**
|
|
* Manrope - Used for headings, navigation, and emphasis
|
|
*/
|
|
export const manrope = Manrope({
|
|
subsets: ['latin'],
|
|
weight: ['200', '300', '400', '500', '600', '700', '800'],
|
|
variable: '--font-manrope',
|
|
display: 'swap',
|
|
preload: true,
|
|
});
|
|
|
|
/**
|
|
* Montserrat - Used for body text, descriptions, and UI elements
|
|
*/
|
|
export const montserrat = Montserrat({
|
|
subsets: ['latin'],
|
|
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
|
|
variable: '--font-montserrat',
|
|
display: 'swap',
|
|
preload: true,
|
|
});
|
|
|
|
/**
|
|
* Combined font class names for use in HTML/body elements
|
|
*/
|
|
export const fontClassNames = `${manrope.variable} ${montserrat.variable}`;
|