How to configure custom font family and animation width in tailwind css

The sample code is added below

 theme: {

  extend: {

 fontFamily: {

        OpenSans: ‘Open Sans’,

        Poppins: ‘Poppins’,

      },

  keyframes: {

        closeAnimation: {

          ‘0%’: { maxHeight: ‘500px’ },

          ‘100%’: { maxHeight: ‘0’ },

        },

      },

      animation: {

        closeAnimation: ‘closeAnimation 0.5s ease-out forwards’,

      },

  },

 },