Typography
Google fonts
To execute Gulp, navigate to the directory containing the
package.json file. Open a command prompt in that location and
enter the command "gulp" as indicated below. For instructions
on installing Gulp, please refer to link
Gulp.
1) Add Font family Link : packages/demos/src/main/partial/head.html
// Font URL
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap"rel="stylesheet" />
2) Declare Font family Variable name : package/main/src/assets/tailwind/utilities/default_theme.css
:root {
/* Default theme fonts */
--theme-font: Plus Jakarta Sans, sans-serif;
}
3) Call Font family : packages/demos/src/assets/tailwind/tailwind.css
@theme {
/* Fonts */
--font-*: initial;
--font-sans: var(--theme-font);
}