@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('JosefinSans Thin'), local('JosefinSans-Thin'), url(JosefinSans-Thin.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: local('JosefinSans ThinItalic'), local('JosefinSans-ThinItalic'), url(JosefinSans-ThinItalic.woff2) format('woff2');
  }
  
  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('JosefinSans Light'), local('JosefinSans-Light'), url(JosefinSans-Light.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: local('JosefinSans LightItalic'), local('JosefinSans-LightItalic'), url(JosefinSans-LightItalic.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('JosefinSans Regular'), local('JosefinSans-Regular'), url(JosefinSans-Regular.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('JosefinSans Italic'), local('JosefinSans-Italic'), url(JosefinSans-Italic.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('JosefinSans SemiBold'), local('JosefinSans-SemiBold'), url(JosefinSans-SemiBold.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: local('JosefinSans SemiBoldItalic'), local('JosefinSans-SemiBoldItalic'), url(JosefinSans-SemiBoldItalic.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('JosefinSans Bold'), local('JosefinSans-Bold'), url(JosefinSans-Bold.woff2) format('woff2');
  }

  @font-face {
    font-family: 'Josefin Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local('JosefinSans BoldItalic'), local('JosefinSans-BoldItalic'), url(JosefinSans-BoldItalic.woff2) format('woff2');
  }