Customizing Fonts - AstroLaunch UI

Customize the default font families for AstroLaunch UI and add your own custom fonts that you like to have for your project.

AstroLaunch UI provides a set of default font families that you can use.

const fontFamily = {
  sans: ["Roboto", "sans-serif"],
  serif: ["Roboto Slab", "serif"],
  body: ["Roboto", "sans-serif"],
};

You can customize the default font families for AstroLaunch UI very easy and straightforward, it's the same as customizing font families for tailwindcss.

You just need to customize the font family that you like through the fontFamily object for tailwind.config.js file.

module.exports = withMT({
  theme: {
    fontFamily: {
      sans: ["Open Sans", "sans-serif"],
    },
  },
});

If you want to see more examples and properties please check the official Material Tailwind Documentation.