@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/mulish/Mulish-Light.woff2') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/mulish/Mulish-Regular.woff2') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/mulish/Mulish-Medium.woff2') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/mulish/Mulish-SemiBold.woff2') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/mulish/Mulish-Bold.woff2') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/mulish/Mulish-ExtraBold.woff2') format('truetype');
  }
  
  /* Example usage */
  body {
    font-family: 'Mulish', sans-serif;
  }