Modernize TailwindCSS HTML Admin Template

Typography

Google fonts

1) Customize the Google Fonts link to your preferred selection : packages/demos/src/main/partial/head.html

Note:

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 the following link Gulp

                                        
gulp


<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap"
   rel="stylesheet" />

2) Change font-family : packages/demos/tailwind.config.js


    fontFamily: {
        sans: ['Plus Jakarta Sans', 'sans-serif'],
    },

Now, save your tailwind.config.js file and verify the changes in the browser.

To alter the font selection within the theme, insert the URL linking to your desired fonts and update the font family attribute accordingly within the tailwind.config.js file. Now, save your tailwind.config.js file and verify the changes in the browser.